setz mal um jeden link folgendes rum <div style="float:left;">a-tag und img dingens</div>
und nach den icons packst du mal folgendes:
(das sorgt dafür, das der footer wiederkommt)
<div style="clear: both; line-height: 1px; font-size: 1px;"> </div>
hier mal komplett:
[HTML]
<div class="navi">
<div style="float: left;">
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild1','','images/Bilder/style_hover_02.png',1)"><img src="images/Bilder/Style_02.png" name="Bild1" border="0" id="Bild1" /></a></div>
<div style="float: left;">
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild2','','images/Bilder/style_hover_03.png',1)"><img src="images/Bilder/Style_03.png" name="Bild2" border="0" id="Bild2" /></a></div>
<div style="float: left;">
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild3','','images/Bilder/style_hover_04.png',1)"><img src="images/Bilder/Style_04.png" name="Bild3" border="0" id="Bild3" /></a></div>
<div style="float: left;">
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild4','','images/Bilder/style_hover_05.png',1)"><img src="images/Bilder/Style_05.png" name="Bild4" border="0" id="Bild4" /></a></div>
<div style="float: left;">
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild5','','images/Bilder/style_hover_06.png',1)"><img src="images/Bilder/Style_06.png" name="Bild5" border="0" id="Bild5" /></a>
</div> </div>
<div style="clear: both; line-height: 1px; font-size: 1px;"> </div>
[/HTML]