hover menu v IE6

<div id="menu">
	 <ul>
	 <li class="hlavni"><h5><a href="Historie1.htm" title="Pohled do historie">HISTORIE</a></h5>
		    <ul class="sub">
            <li><a href="Historie1.htm" title="Vznik kapely">Vznik</a></li>
            <li><a href="Historie2.htm" title="Ocenění">Ocenění</a></li>
            <li><a href="Historie3.htm" title="Bývalí členové">Bývalí členové</a></li>
          </ul>
    </li>
		
	 <li class="hlavni"><h5><a href="Soucasnost1.htm" title="Současnost kapely">SOUČASNOST</a></h5>
		    <ul class="sub">
            <li><a href="Soucasnost1.htm" title="Novinky">Novinky</a></li>
            <li><a href="Soucasnost2.htm" title="Obsazení kapely">Obsazení</a></li>
            <li><a href="Soucasnost3.htm" title="Partneři kapely">Partneři kapely</a></li>
          </ul>
    </li>

	 <li class="hlavni"><h5><a href="CD1.htm" title="Diskografie">DISKOGRAFIE</a></h5>
		    <ul class="sub">
            <li><a href="CD1.htm" title="Vysočinka - Na přání">CD Na přání</a></li>
            <li><a href="CD2.htm" title="Vysočinka - Pět let">CD Pět let</a></li>
            <li><a href="CD3.htm" title="Vysočinka - Máničko moje">CD Máničko moje</a></li>
            <li><a href="CD4.htm" title="Vysočinka - Rodné Jiřice">CD Rodné Jiřice</a></li>
            <li><a href="CD5.htm" title="Vysočinka - Demo snímek">CD Demo snímek</a></li>	
            <li><a href="formular.htm" title="Objednávací formulář">Nákupní košík</a></li>         
          </ul>
    </li>
		
	 <li class="hlavni"><h5><a href="Foto1.htm" title="Fotogalerie">FOTOGALERIE</a></h5>
		    <ul class="sub">
            <li><a href="Foto1.htm" title="Fotky z koncertů">Fotky z koncertů</a></li>
            <li><a href="Foto2.htm" title="Fotky z plesů">Fotky z plesů</a></li>
            <li><a href="Foto3.htm" title="Ze všedního života">Ze všedního života</a></li>
            <li><a href="Foto4.htm" title="Všehochuť">Všehochuť</a></li>
        </ul>
    </li> 
	 
	 <li class="hlavni"><h5><a href="diskuze.htm" title="Diskuzní fórum">DISKUZE</a></h5>	
    </li>
	
	 <li class="hlavni"><h5><a href="Nabidka1.htm" title="Naše nabídka">NABÍDKA</a></h5>
   	    <ul class="sub">
            <li><a href="Nabidka1.htm" title="Nabídka koncertního programu">Koncertní program</a></li>
            <li><a href="Nabidka2.htm" title="Nabídka taneční zábavy">Taneční zábava</a></li>
            <li><a href="Nabidka3.htm" title="Nabídka programu pro děti">Program pro děti</a></li>
            <li><a href="Nabidka4.htm" title="Nabídka ozvučení akcí">Ozvučení akcí</a></li>
         </ul>
	 </li>
	 
	  <li class="hlavni"><h5><a href="Kontakt1.htm" title="Kontakty">KONTAKTY</a></h5>
          <ul class="sub">
            <li><a href="Kontakt1.htm" title="Kontakt na kapelníka">Kapelník</a></li>
            <li><a href="Kontakt2.htm" title="Kontakt na managera">Manažer</a></li>
            <li><a href="Kontakt3.htm" title="Kontakt na zvukaře">Zvukař</a></li>
          </ul>
	 </li>
	 
	  <li class="hlavni"><h5><a href="Vystoupeni.htm" title="Přehled vystoupení">VYSTOUPENÍ</a></h5>
                     </li>
           </ul>

</div>

#menu {width: 800px; height: 30px; font: 0.83em Sans-serif;}
#menu ul {margin: 0; padding: 0; list-style-type: none; }
#menu li {float: left; width: 100px;  margin: 0; padding: 0; }
#menu ul.sub {margin: 0; padding: 0; list-style-type: none;}
#menu ul.sub li {display: block; width: 100%; margin: 0; padding: 0; }
#menu ul.sub li a {display: block; margin: 0; width: 150px; color: #B00000; text-align: left; text-decoration: none; font-weight: bolder;  font-size: 12px; line-height: 25px; text-indent: 10px; border-bottom: 1px solid black; background-color: white; border-right: 1px solid black; border-left: 1px solid black; }
#menu ul.sub li > a {width: 150px;}
#menu ul.sub li a:hover { color: white;  background:#CC3300;  font-weight: bolder;  font-size: 12px; }
#menu ul li.hlavni:hover h3 a {background-color: gray;}
#menu ul li.hlavni {position: relative; z-index: 10;}
#menu ul li > ul.sub {position: absolute; z-index:10; visibility: hidden;}
#menu ul li.hlavni:hover ul.sub {visibility: visible;}
ul.sub {position: absolute; z-index: 10; visibility: hidden;}
h5 {font-size: 12px; margin: 0px; padding: 0px; color: #990033; line-height: 30px; text-align: center; } 
h5 a {display: block; text-decoration: none; width: 100%; color: black; line-height: 30px;  background-image: url(menu1.png);}
h5 a:hover {color:white;  height: 30px; background-image: url(menu2.png); }