Hallo SD'ers!

Ik zit hier met een probleempje die ik voor een klant zou oplossen. Alleen kom ik er zelf niet meer uit :S!
Het gaat om de volgende site waar de fout in zit: http://www.ictsoftware.info/
Als je met je muis bij how-to erover heen gaat schuift het teveel naar rechts op terwijl het in FF wel goed word weer gegeven.

Deze code hoort erbij:

Code:

.menu li:hover ul,
.menu li.ie_does_hover ul {
    background-position: 0 0;
    top: 81px;
    float: left;
    left: auto;
}

Zou het erg fijn vinden als iemand mij met dit probleem kan helpen.

Gr,
Bas

Ik zie geen verschil in beide browsers ?

Ik neem aan dat het om een probleem in IE6 gaat aangezien
het er in IE8 bij mij er precies hetzelfde uitziet als in FF...

Als het alleen in IE6 voorkomt, dan zou je dit kunnen doen:

Code:

.menu li:hover ul,
.menu li.ie_does_hover ul {
    background-position: 0 0;
    top: 81px;
    float: left;
    left: auto !important; // moderne webbrowsers
    left: speciale waarde voor IE6;
}

Als ook IE7 de fout geeft kan je beter een extra css aanmaken.
Dat kan je doen door in de html het volgende toe te voegen:

Code:

<!--[if lt IE 7]>
Hier komt de link naar de css voor IE6 & 7
<![endif]-->

Oke. Maar als ik een speciale waarde bij left: in voer dan verschuift het tablad als ik de browser verklein (logisch natuurlijk...).

Iemand oplossing?

Origineel gepost door gast2960

[/CODE]Als ook IE7 de fout geeft kan je beter een extra css aanmaken.
Dat kan je doen door in de html het volgende toe te voegen:

Code:

<!--[if lt IE 7]>
Hier komt de link naar de css voor IE6 & 7
<![endif]-->

Je kunt dan beter dit gebruiken:

Code:

<!--[if lte IE 7]>
Hier komt de link naar de css voor IE6 & 7
<![endif]-->

Wanneer je lt IE7 gebruikt staat dat voor: Lower than IE7.
Gebruik je lte IE7 dan betekent dat : LOwer than or equal to IE7.
Het eerste voorbeeld pakt dus geen IE7 mee ;)

Origineel gepost door Bas M.

Oke. Maar als ik een speciale waarde bij left: in voer dan verschuift het tablad als ik de browser verklein (logisch natuurlijk...).

Iemand oplossing?

Het parent element het volgende geven:

Code:

Position:relative