Powinno sie wszystko wyświetlić w poziomie a mam w pionie . Pod mozilla wszystko OK tylko IE szaleje . Z góry dzięki za podpowiedź co poprawić i co robię źle aby na przyszłość nie robić podobnego błędu

[CSS] pobierz, plaintext 
ul, ul li {
display: block;
list-style: none;
margin-top: 11px;
margin-left:40px;
}
ul li {
float:left;
}
ul a:link, ul a:visited {
text-decoration: none;
display: block;
text-align: center;
color: #FFF;
background-image:url('images/button.png');
width:52px;
height:23px;
background-repeat:no-repeat;
line-height: 46px;
}
ul a:hover{
color: #0095bd;
background-image:url('images/button_hover.png');
width:52px;
height:23px;
}
#menu{
float:left;
clear:both;
margin-top:-36px;
}
#menu span{
display: block;
margin-top:-8px;
font-size:11px;
}
[CSS] pobierz, plaintext 

Pokaż jeszcze html

[CSS] pobierz, plaintext 
ul li a, ul li a:link, ul li a:visited {
text-decoration: none;
display: block;
text-align: center;
color: #FFF;
background-image:url('images/button.png');
width:52px;
height:23px;
background-repeat:no-repeat;
line-height: 46px;
}
ul li a:hover{
color: #0095bd;
background-image:url('images/button_hover.png');
width:52px;
height:23px;
}
[CSS] pobierz, plaintext 

float: left;
clear: left;
tak kombinacja nie dziala prawidlowo w ie
wyrzoc float i/lub oddziel listy elementami z clear left (lub both)

[html]
<div id="menu">
<ul>
<li><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>Projekty</span></a></li>
<li><a href="#"><span>Artykuły</span></a></li>
<li><a href="#"><span>O mnie</span></a></li>
</ul>
</div>
[html]

ale tu raczej na 99% nie ma błędu bo i gdzie

Seth dał ci odpowiedź stosujesz clear both i float: left razem.

Właśnie przeczytałem już rozumiem . dzięki za pomoc