Menu, problem v Opere

Zdravim, na strance http://ixulot.ooo.cz/menu.html je menu.

Problém spočívá při hoveru na položce menu, kdy hover ořeteče přes menu. V IE funguje správně, asi kvuli bugum, ale v Opeře nikoli. Asi vím, čím to je - kvuli paddingu se hover prodlužuje, ale nevím, jak z toho ven.

Díky za rady

CSS

<style>

  <!--

        #menu {width: 25%; background-color: #F9F6DC; font: 15px Tahoma;

            float: left}

            #menu menu {list-style:  none; width: 100%; border-top: 1px #8F1A1D solid; border-bottom: 1px #8F1A1D solid;}

            #menu li {border-bottom: 1px #D8D6C5 dotted; }

            #menu li a {display: block; width: 100%; color: #8F1A1D; text-decoration: none; padding: 6px; padding-left: 20px;}

            #menu li a:hover {background-color: #EEECD9;} 

            #menu p {padding: 20px 10px 0 15px; font-size: 76%; line-height: 200%;}    

            #menu img {float: right;}

            

            #menu_active {color: #333; font-weight: bold; line-height: 30px; padding-left: 20px;}    

  //-->

  </style>

HTML

        <div id="menu">

          <menu>

            <li>

            <a href="index.html" title="Úvod">Úvod</a></li>

            <li>

            <a href="nase_nabidka.html" title="Naše nabídka">Naše nabídka</a></li>

            <li>

            <a href="ukazka_praci.html" title="Ukázka prací">Ukázka prací</a></li>

            <li>

            <span id="menu_active">

              Ceník

            </span></li>

            <li style="border:none">

              <a href="kontakt.html" title="Kontakt">Kontakt</a></li>

          </menu>

        </div>

Joker
jasne, to ja vím, jenže se to snažím překopat a nejde a nejde.

Už to mám, vyřešil jsme po přes hack.