Ich weiß nicht genau, wie es am Ende aussehen soll, aber vielleicht hilft dir das weiter. Dein Fehler war unter anderem, dass du mehrere floats ineinander verschachtelt hast.
<ul id="navlist">
<li>
<a href="#"><img width="140" src="Bild1.gif" />Auswahl-1</a>
</li>
<li>
<a href="#"><img width="140" src="Bild2.gif" />Auswahl-2</a>
</li>
<li>
<a href="#"><img width="140" src="Bild3.gif" />Auswahl-3</a>
</li>
<li>
<a href="#"><img width="140" src="Bild4.gif" />Auswahl-4</a>
</li>
</ul>
#navlist li
{
float: left;
list-style-type: none;
margin: 0 1em 0 0;
width: 140px;
}
#navlist a
{
display: block;
}
#navlist a img
{
display: block;
}
ul#navlist
{
margin: 0;
padding: 0;
white-space: nowrap;
}
#navlist a:link
{
background-color: #f2f2f2;
}