unerwünschter Rand um verlinktes Bild im IE6

[Marsmann]

Hallo,

ich habe eine Seite in der ein Bild als Link fungiert.

  
<a href="http://www.newborngeneration.de/index.php?id=40" title="Home" id="logo"><img src="fileadmin/logo.png" alt="Logo" /></a>  

Der Link funktioniert auch, nur erscheint um dsa Bild ein unschöner, 2 Pixel breiter Rand (im IE 6+7 bzw. IE8 im Quirksmodus). Alle anderen Browser funktionieren. Stylesheet:

  
#logo {  
position:absolute;  
top:64px;  
left:750px;  
height:27px;  
width:150px;  
overflow:hidden;  
}

So wird der Rand unten und rechts abgeschnitte, aber links und oben bleibt er. border:none und negativen margin oder padding helfen nichts. Weiß jemand wie ich das beheben kann? Also dass kein Rand da ist sondern nur das Bild?

Gruß,
Marsmann

[Gunnar Bittersmann]

@@Marsmann:

nuqneH

border:none und negativen margin oder padding helfen nichts.

Doch, 'border: none' hilft. Du musst es nur für das Element angeben, das den Rahmen hat; das ist nicht das 'a'-Element.

Du möchtest 'a img { border: none }' setzen. Den ganzen anderen Kram schmeißt du wieder aus dem Stylesheet raus.

Qapla'

[Marsmann]

Super, vielen Dank!

[Steel]

Hi!

border:none und negativen margin oder padding helfen nichts.

Aha. http://de.selfhtml.org/css/eigenschaften/rahmen.htm#border_width@title=Unglaublich. Hast Du's schonmal mit border-width: 0 und border-style: solid versucht? Gern auch zusammen fuer border notiert.