navigace -mezery v ie

Dobrý den oběvil se mi problem v navigaci pri testovani v ie (coz teda nechapu pac mi to v ie jeste nedavno fungovalo :)

css:
#leftcolumn {
font-size:87%;
float:left;
width:175px;
line-height:1.3em;
text-align: left;
border-right:1px dashed orange;
background:#fdf5cd;
color: black;
}






#nav{
text-align:left;
padding-left: 0px;
}

#nav ul {
margin:0;
padding:0;}

#nav li {
list-style-type:none;
}

#nav a {
font-family: BankGothic Md BT, Verdana, Helvetica;
display:block;
/*font-weight: bold;*/
padding-top:4px;
padding-bottom:4px;
padding-left:5px;
font-size: 14px;
color: white;
text-decoration:none;
background: #ff9933;
/*padding:0 0 0 30;*/
}

#nav li#aktivni a {color:yellow; background: orange;}






#menu ul, #menu ul.sub {list-style-type:none; margin: 0; padding: 0;}
#menu li, #menu ul.sub li {margin: 0; padding: 0; /*width: 100%*/;}
#menu h3 {font-size: 1em; margin:0; padding: 0px;}
#menu li > h3 {margin-bottom: 0.2em;}
#menu h3 a {display: block; text-decoration: none; /*width: 100%*/;}
#menu h3 a:hover {color:yellow; background: orange; }
#menu ul.sub li {display: block; width: 100%; margin:0; padding: 0;}
#menu ul.sub li a {display: block; margin: 0; border-left: 10px solid white;}
#menu ul.sub li a:hover {color:yellow; background: orange; border-left: 10px solid yellow;}

#menu ul li.main:hover h3 a {color:yellow; background: orange;}
#menu ul li.main {position: relative;}
#menu ul li > ul.sub {position: absolute; top: 0; left: 150px; z-index:10; width: 150px; visibility: hidden; padding-bottom: 1em;}
#menu ul li.main:hover ul.sub {visibility: visible;}








html:

<span class="nadpis">Navigace</span>
<div id="nav">
<ul>

<?php
echo "<li";
if ($clanek=='uvod') echo " id='aktivni'";
echo "><a href='/uvod'>Úvod</a></li> ";
?>
<?php
echo "<li";
if ($clanek=='kontakt') echo " id='aktivni'";
echo "><a href='/kontakt'>Kontakt</a></li> ";
?>


</ul>

<div id="menu">
<ul>
<li class="main" >
<h3><a href="#" title="text1"> : text1</a></h3>
<ul class="sub">

<?php
echo "<li";
if ($clanek=='sub_text1') echo " id='aktivni'";
echo "><a href='/sub_text1'>sub_text1</a></li> ";
?>

<?php
echo "<li";
if ($clanek=='sub_text2') echo " id='aktivni'";
echo "><a href='/sub_text2'>sub_text2</a></li> ";
?>

<?php
echo "<li";
if ($clanek=='sub_text3') echo " id='aktivni'";
echo "><a href='/sub_text3'>sub_text3</a></li> ";
?>

</ul>
</li>
</ul>
</div><!-- menu --><br>

</div><!-- nav -->


ve FF a Opere vse funguje bajecne ale v ie at delam co delam mezi odkazy mam mezery.. priznam se ze #menu jsem nepsal ja jen poupravil dle obrazu meho pac kdyz uz to mam na disku proc toho nevyuzit ze xD a o tom ze mam #menu vlozeny do #nav to vim je to kvuli jednoduchosti ale v tomhle problem neni /zkousel sem to vysunovaci menu odstranit a bezvysledku i zmenu fontu, zmenu sirky divu, zmenu vysky radku, odstranit padding a margin ale netusim v cem je problem a pritom to fungovalo a nepamatuju si ze bych neco predelaval tak proto vas prosim o radu dekuji VAM :)