zahadna mezera

Ahoj, mam problem se seznamem, z ničeho nic tam je nalevo mezera asi 20px. A děla mi to ve všech senamech co tam jsou... třeba dam mezeru mezi dvěma elementama na 0( oba marginy i paddingy) ale mezera je tam pořad:(

screen:

kod:

<div class="levy-">
<div id="levy">
<ul>
<li class="nadpis">Nadpis</li>
<li>1111</li>
<li>2222</li>
<li>3333</li>
<li>4444</li>
<li>5555</li>
</ul>
</div>
</div>

css:
div .levy- { float : left}

#levy div { width : 180px ;
padding : 0px;
margin : 3px;
border : 2px solid blue;
}
#levy ul {list-style-type :none; border : 1px solid rgb(60,125,238);}
#levy li.nadpis { background-color : rgb(60,125,238);
color : white;
width : 160px;
text-align : center;
}


este v opere se to chova tak že ma každa položka odsazeni do prava o tech x pixelu a v IE tak, že je odsazenej celej seznam.

už to nak běži
musí se <ul> nastavit šiřka a padding pro <ul> i <li> dat na nulu

sice to moc nepobiram, ale je to tak:D