✔ Border wechsel beim Rollover

[Denniz]

Hi Leute,

ich möchte einen einfachen Borderwechsel beim hovern eines Bildes ausführen.

Ich habe dieses Markup:

<div id="container"><a class="rollover" href="#"><img src="1.jpg" alt="thumb" /></a></div>

Mit dem stylesheet geht es im IE aber nicht im FF:

a.rollover:link   , a.rollover:visited  {
	border :2px solid #aeb4b6;
}

a.rollover:hover , a.rollover:active {
	border :2px solid #006388;
}

Damit geht es im FF aber nicht mehr im IE:

a.rollover:link img  , a.rollover:visited img  {
	border :2px solid #aeb4b6;
}

a.rollover:hover img, a.rollover:active img {
	border :2px solid #006388;
}

Muß ich jetzt hierfür ein Conditional Comment oder star Hack verwenden oder kann ich die deklaration für alle Browser vereinheitlichen?

-link-

 

[Maik]

Hi,

mach es mal so:

a:hover {
        background:none; /* Für IE6 */
}
a.rollover:link img, a.rollover:visited img  {
        border:2px solid #aeb4b6;
}
a.rollover:hover img, a.rollover:active img {
        border:2px solid #006388;
}

mfg Maik

 

[Denniz]

Besten Dank