so instead of:
        <div class="navigation" id="navDiv" style="position: relative; width: 1000px; height: 200px; background-color:red;">
        <div style="position: absolute; top: 0px; left: 0px; width: 30px; height: 76px;"><img src="slike/nav/slika_08.jpg" width="30" height="76" /></div>
        <div style="position: absolute; top: 0px; left: 30px; width: 127px; height: 76px;"><a href="#" rel="info" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','slike/nav/_hover_09.jpg',1)"><img src="slike/nav/slika_09.jpg" name="Image7" width="127" height="76" border="0" id="Image7" /></a></div>
        <div style="position: absolute; top: 0px; left: 157px; width: 127px; height: 76px;"><a href="#" rel="clan" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image8','','slike/nav/_hover_10.jpg',1)"><img src="slike/nav/slika_10.jpg" name="Image8" width="127" height="76" border="0" id="Image8" /></a></div>

        </div>


have:


        <div class="navigation" id="navDiv" style="position: relative; width: 1000px; height: 200px; background-color:red;">
    <ul>
        <li><img src="slike/nav/slika_08.jpg" width="30" height="76" /></li>
            <li><a href="#" rel="info" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','slike/nav/_hover_09.jpg',1)"><img src="slike/nav/slika_09.jpg" name="Image7" width="127" height="76" border="0" id="Image7" /></a></li>
            <li><a href="#" rel="clan" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image8','','slike/nav/_hover_10.jpg',1)"><img src="slike/nav/slika_10.jpg" name="Image8" width="127" height="76" border="0" id="Image8" /></a></li>
    </ul>
        </div>