Archief - CSS : Rollover probleem enkel in IE

Ik heb een rollover menu gemaakt met CSS. Het menu is een List waarvan de achtergrond veranderd bij mouseover.
Enkel in IE komt er een extra lijntje bij het menu telkens je over een list-item gaat.

http://users.pandora.be/assistonline.bvba1/Assistonline/
CSS hier: http://users.pandora.be/assistonline.bvba1/Assistonline/CSS2.css

Ik ben even op IRC geweest , en ze waren zo vriendelijk om me even te helpen:
http://users.pandora.be/assistonline.bvba1/Assistonline/css3/
CSS hier:http://users.pandora.be/assistonline.bvba1/Assistonline/css3/CSS3.css

Nu is er een volle enter tussen elk menu-item in IE.

weet iemand raad?

alvast bedankt!

Het probleem zit in uw CSS bij de volgende tag:

#leftmenu a
{
color:#FFF;
display: block;
text-decoration:none;
background-color : #369;
color:#FFF;
margin: 0px;
}

display: block is vrij buggy in IE (hopelijk wordt dit opgelost in IE7)

Voeg width:100%; toe in uw definitie en verwijder misschien display:block alhoewel het schijnt te werken van de moment je die width setting toevoegt. Als het nog niet werkt gooi dien display setting er maar uit aangezien ik vermoed dat je die enkel gebruikt om de blauwe achtergrond over gans de lengte te krijgen.

Hier werkt het nu alleszins, zowel in FF als IE

B.

die display: block dient niet enkel om die volledige lengte over u scherm te krijgen... dient ervoor dat die volledige "block" clickable is als menu item.

--> usability

ru`orez zei:

die display: block dient niet enkel om die volledige lengte over u scherm te krijgen... dient ervoor dat die volledige "block" clickable is als menu item.

--> usability

Klik om te vergroten...

Ik weet ook wel dat block niet enkel voor de volledige lengte dient, wrom zou ik anders de oplossing width aanreiken.
En usability betekent voor mij iets dat in alle browsers werkt, wat dus hierduidelijk het geval niet is

B.

normaal gezien geeft display: block; geen enkel probleem als het goed toegepast wordt. Ik zal eens zien om morgen een voorbeeldje online te zetten.

bedankt, het werkt.

Merry christmas!