проблем с CSS menu

[jubox]

имам проблем с едно CSS menu ето код :

		<div id="menu">
			<ul>
				<li><a href="#">ASD1</a></li>
				<li><a href="#">ASD2</a></li>
				<li><a href="#">ASD3</a></li>
				<li><a href="#">ASD4</a></li>
				<li><a href="#">ASD5</a></li>
			</ul>
		</div>

[css]#menu {background-image: url(../img/menu.gif);height: 40px;width: 960px;float: left;margin-left: 20px;margin-top: 10px;display:block}
#menu ul {list-style: none;padding: 0;margin: 10px auto;margin-left: 5px;}
#menu li {display: inline;float: left;margin-left: 15px;padding: 0;}
#menu a {text-decoration: none;color:black;height: 40px;width: 50px;}[/css]

когато задам на а височина и ширина и под ИЕ се получава нещо като репеат надоло как мога да фиксирам това ?

 

[shterev]

1.задаваш на <a> display:block; float:left;
2. махах от <li> display:inline;
3. Кефиш се на ефекта