horizontální hover menu

Hezký den všem,
po krátké době zase něco nevím...
na intervalu jsem objevila horizontální menu s použitím hover, zkopírovala jsem css, html, uložila hover.htc do adresáře a místo horizontálního menu se mi objevily jednotlivé položky menu rozbalené a pod sebou uprostřed stránky...můžete mi někdo písnout, čím by to mohlo být? Díky a hezký den.


css


ul#mainMenu, ul
{
color:000000;
padding:0;
margin:0;
list-style-type:none;
}

ul#mainMenu ul
{
margin-top:6px;
}

ul#mainMenu li
{
float:left;
padding:6px;
width:120px;
}

ul#mainMenu a
{
color:black;
background-color:#dddddd;
display:block;
border-bottom:3px solid white;
text-decoration:none;
font-weight:bold;
}

ul#mainMenu ul a
{
border-bottom:none;
border-left:1px solid #dddddd;
border-right:2px solid #dddddd;
padding-left:2px;
}

ul#mainMenu ul a:hover
{ color:blue;
border-left:5px solid white;
border-right:1px solid white;
background-color:#ffffff;
}

ul#mainMenu ul
{
position:absolute;
visibility:hidden;
border-bottom:1px solid white;
background-color:white;
}

ul#mainMenu li:hover ul, ul#mainMenu li.hover ul
{
visibility:visible;
}

ul#mainMenu li li
{
float:none;
border:none;
padding:0;
}

ul#mainMenu li
{
behavior: url(hover.htc); /* Protože IE nedodržuje CSS standarty, aby bylo řešení funkční, použijeme tento *.htc soubor */
}





hmtl

<ul id="mainMenu>">

<li><a href="#">Hlavní odkaz 1</a>
<ul>
<li><a href="#">Pododkaz 11</a></li>
<li><a href="#">Pododkaz 12</a></li>
<li><a href="#">Pododkaz 13</a></li>
</ul>
</li>

<li><a href="#">Hlavní odkaz 2</a>
<ul>
<li><a href="#">Pododkaz 21</a></li>
<li><a href="#">Pododkaz 22</a></li>
<li><a href="#">Pododkaz 23</a></li>
</ul>
</li>

<li><a href="#">Hlavní odkaz 3</a>
<ul>
<li><a href="#">Pododkaz 31</a></li>
<li><a href="#">Pododkaz 32</a></li>
<li><a href="#">Pododkaz 33</a></li>
</ul>
</li>

<li><a href="#">Hlavní odkaz 4</a>
<ul>
<li><a href="#">Pododkaz 41</a></li>
<li><a href="#">Pododkaz 42</a></li>
<li><a href="#">Pododkaz 43</a></li>
</ul>
</li>

<li><a href="#">Hlavní odkaz 5</a>
<ul>
<li><a href="#">Pododkaz 51</a></li>
<li><a href="#">Pododkaz 52</a></li>
<li><a href="#">Pododkaz 53</a></li>
</ul>
</li>

<li><a href="#">Hlavní odkaz 6</a>
<ul>
<li><a href="#">Pododkaz 61</a></li>
<li><a href="#">Pododkaz 62</a></li>
<li><a href="#">Pododkaz 63</a></li>
</ul>
</li>

</ul>