Problème de ul li

Bonjour, je viens vous voir pck j ai un petit problème d'alignement et j'arrive pas à trouver d'où sa vient :(.

Je vous copie mes deux codes html et css.

	<div id="top"></div>
 	<div id="portfolio"></div>
	<div id="ligne"></div>
	<div id="topLogo"></div>
    
    	<div id="cell">
        <ul>
        	<li><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
        </ul>
        </div>

#cell{
	width:330px;
	margin:0 auto;
}

#cell ul li{
	list-style:none;
	float:left;
	padding:0;

}

#cell ul li a{

	background:url(cell_01.png) no-repeat;
	height:330px;
	width:205px;
	text-decoration:none;
	text-align:center;
	display:block;

	
}

je voudrais que sa donne 4 bloques sur la même ligne et centrer. Moi sa donne des bloques l'un en dessous de l'autre :s

Merci d'avance ^^