[css-d] IE - hover probs

[Marcel Pociot]

Hi there,
 
I am still trying to rebuild the menu (or the whole page) from
www.stauden.de in CSS.
In Firefox it is working now, but my IE 6 starts making trouble.
 
My code looks like this:
 
<div id="navigation">
  <ul>
   <li class="selected"><a href="#">Staude des Jahres</a></li>
   <li><a href="#">Staudenportraits</a></li>
   <li><a href="#">Stauden im Garten</a></li>
   <li><a href="#">Staudenpraxis</a></li>
   <li><a href="#">Wasserpflanzen</a></li>
   <li><a href="#">Oft gestellte Fragen</a></li>
   <li><a href="#">Termine</a></li>
   <li><a href="#">Stauden-CD</a></li>
   <li><a href="#">Bezugsquellen</a></li>
   <li><a href="#">Staudensichtung</a></li>
   <li><a href="#">Kontakt/Impressum</a></li>
  </ul>
</div>
 
and in CSS I got:
 
#navigation ul li:hover {
  background: #009900;
  width: 147px;
  height: 18px;
  margin-left: -11px;
  padding: 1px 0 1px 11px;
}
 
#navigation ul li.selected {
  background: #009900;
  height: 18px;
  width: 147px;
  margin-left: -11px;
  padding: 1px 0 1px 11px;
}
 
But IE only allows :hover pseudo classes for <a> tags which looks horrible
because of the different text length.
Is there any way that I can get sort of the same effect of li:hover for IE?
 
Thanks,
 
Marcel
Marcel Pociot | e-mail: [EMAIL PROTECTED]

. . . . . . . . . . . . . . . . . . . . . . 

Xbyte GmbH | 40699 erkrath | trills 23

 <http://www.xbyte.de/> http://www.xbyte.de | tel.: 02104-138 49 30 | fax:
02104-138 49 34 

 
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/