Pomoč pri pozicioniranju

Ok situacija je takšna. Imam tale del strani. Prva dva div-a mi prikazuje pravilno v vseh browserjih, nav mi pa seveda IE vrže na vrh strani, medtem ko FF in Chrome postavi pravilno. nav mi postavo na vrh strani na levi rob s razmakom 10px od obeh robov. Biti pa mora na sredini in malo nad prvima dvema divoma.
Doctype je dober, sem poskusil na XHTML isto. Dal sem vsakemu elementu še posebej position:absolute s top 30% a nič, poskusil z margini, paddingi itd. Poskusil sem vse dati v div id="nav" in nič, sem poskusil tudi vse skupaj dati v dive namesto ul in li, nič.. Zmankuje mi idej.


HTML

<div id="hoa_logo">
        	<img style="position:absolute; top:45%; left:-3%; " alt="" src="images/hoa_logo.png"/>
        </div>
       
    	<div id="hoa_bg">
			<img style="position:absolute; top:55%; left:-1%; " alt="" src="images/hoa_bg.png"/>
		</div>
        
        <nav>
            <ul>
            	<li><a href="#"><img class="over1" src="images/luxur_gs.png" width="188" height="188" border="0" alt="luxur"/><img class="hover1" src="images/luxur_rgb.png" width="188" height="188" border="0" alt="luxur"/></a></li>
                <li><a href="#"><img class="over2" src="images/hoaproject_gs.png" width="188" height="188" border="0" alt="luxur"/><img class="hover2" src="images/hoaproject_rgb.png" width="188" height="188" border="0" alt="luxur"/></a></li>
            </ul>
        </nav>

CSS:

#hoa_bg {
	width:1100px;
	height:100%;
}

#hoa_logo {
	width:1200px;
	height:100%;
}

nav {
	position:absolute;
	top:30%;
	width:812px;
	height:188px;
}

nav ul {
	list-style:none;
	width:812px;
	height:188px;
}

nav ul li {
	display:inline;
}

.over1 {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	clear:both;
}

.hover1 {
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	clear:both;
}

.over2 {
	position:absolute;
	top:0;
	left:208px;
	z-index:10;
	clear:both;
}

.hover2 {
	position:absolute;
	top:0;
	left:208px;
	z-index:0;
	clear:both;
}