CSS menu in IE6 en IE7.

[lady johnny]

Ik heb dit menu van een gratis template afgehaald.
Simpel menu, alleen...in IE6 en Ie7 niet werkzaam.

Tussen de menuitems geeft ie zo'n 800px ruimte
Iemand een idee waar dat aan ligt?

CSS:

#menu a
{display:block; width:202px; height:100%; padding:5px 18px 5px 0; color:#ffffff; background:#983265 url(img/sidebarbg.gif) top right repeat-y; font-size:11px; font-weight:normal; text-decoration:none; letter-spacing:2px;}

#menu a:hover 
{color:#000000; background:#fafafa url(img/sidebarbg.gif) top right repeat-y;}

#menu a.active
{padding:5px 18px 5px 0; color: #000000; background:#fafafa; border-top:2px solid #000000; border-bottom:2px solid #000000;}

#menu a.active:hover
{color:#000000; background:#fafafa;}

HTML menu:

<div id="menu">
<a title="" class="#">Home</a>
<a title="" class="#">Info</a>
<a title="" class="#">Contact</a>
</div>

 

[That Guy]

Well, je zegt

height:100%;

(in #menu a) dus als je dat weghaalt, werkt het een stuk beter.

 

[lady johnny]

Dat was t inderdaad! Simpele oplossing, jammer dat IE6 en 7 er niet mee om kunnen gaan...

 

[That Guy]

Well, eigenlijk doen ze het juist 'goed'. Je zegt immers, maak het 100% hoog! Als je (browser's) schermresolutie een hoogte heeft van 800 pixels, dan wordt elk a element in #menu zo'n 800px hoog.

Overgens, waarom staat het er zowiezo? Waar zou het nodig voor zijn?

 

[lady johnny]

Geen idee, niet zelf gemaakt

 

[csshunter]

Volgens mij kan het (irritante) zinnetje:

Deze website is het beste te bezichtigen in Internet Explorer 8.

op de pagina [link verwijderd] er nu af:

• IE6 en IE7 doen het ook, en ook Firefox, Chrome, Opera en Safari.

 

[lady johnny]

Kun je de link verwijderen aub? Tnx.

En ik zal het doorgeven, is niet mijn site.

 

[csshunter]

O, is gebeurd hoor.