Problem z górnym menu w IE 6 Opcje

[Guli]

Nie wiem co jest nie tak ale jak wyświetlam stronę w przegladarce IE 6 to menu górne jest szersze (height) niz w Firefoxie. W Firefoxie jest idealnie. Jak poprawić w IE 6 aby szerokość menu była taka sama jak pod Firefoxem ?

Tutaj wygląd pod Firefox:
http://www.fotosik.pl/pokaz_obrazek/d51dac19b2ae93f1.html

Tutaj załączam jak wygląda pod IE 6
http://www.fotosik.pl/pokaz_obrazek/9a63598142ad14ba.html

Kod XHTML:

[HTML] pobierz, plaintext 
<div id="menu">
   <ul>
        <li><a href="" title="">Blog</a></li>
        <li class="tlo"><a href="" title="">menu</a></li>
        <li class="tlo"><a href="" title="">menu2</a></li>
        <li class="tlo"><a href="" title="">menu3</a></li>
        <li class="tlo"><a href="" title="">menu4</a></li>
   </ul>         
</div>
[HTML] pobierz, plaintext 

Kod css:

[HTML] pobierz, plaintext 
DIV#menu {
 
   height: 33px;
   background: url(images/tlo.png) #292929 repeat-x;
   position: relative;
}
 
DIV#menu UL {
 
  height: 33px;
  float: left;
 
}
 
DIV#menu LI {
 
   line-height: 33px;
   list-style-type: none;
   float: left;
   text-transform: uppercase;
   font-size: 1.1em;
   font-weight: bold;
 
}
 
DIV#menu A {
 
   display: block;
   color: #BFC1BE;
   background: url(images/tlo.png) #292A2A 0px 0px repeat-x;
   text-decoration: none;
   padding: 0px 20px;
       float: left;
 
}
 
DIV#menu A:hover {
 
   color: #FFFFFF;
   background: url(images/tlo.png) #292A2A 0px -33px repeat-x;
 
}
 
DIV#menu IMG {
 
   padding-right: 4px;
   margin-bottom: -1px;
   float: left;
   position: relative;
       top: 1px;
}
[HTML] pobierz, plaintext 

Tu jest tło w .png, które wykorzystuję do menu (jakby ktoś chciał sprawdzić to można sciągnąć):
http://www.fotosik.pl/pokaz_obrazek/8ca3a9b949f610c1.html