Phil: Opera Bug: div + height + Prozent Angabe?

Beitrag lesen

Hi zusammen!

ich glaub ich bin momentan auf Bug Jagd... Nachdem mir gestern ein Bug in Mozilla aufgefallen ist (ein kleiner, nicht überschriebenes margin bei Stylesheet wechsel) bin ich jetzt auf nen Opera Bug gestoßen, der mich schon wundert bzw. sogar ärgert:

Ich habe ein <div> welches per CSS formatiert wird, un zwar u.a. mit height: 85%;

#InnerContent {
 z-index: 2;
 background-color: #6699CC;
 background-image: url("../../gfx/style_style2/bg.gif");
 background-repeat: no-repeat;
 padding: 10px;
 width: 100%;
 height: 85%;
 font-size: 0.9em;
 border: 1px solid #F7F1E7;
}

Soweit alles wunderbar, stellt Opera + Mozilla und sogar der IE richtig da. Und jetzt der (wunderliche) Bug:

In diesem Div sind Links. Und sobald ich mit einer Maus über nen Link geh (sprich a:hover wird aktiviert) Verkleinert sich das div auf schätzungsweise 20px...

Interessant dabei: Die Links, die sich eigentlich _innerhalb_ des Divs befinden, bleiben an Ihrer Position.

Hier mal die Formatierung der Links, ich poste mal alles, falls nicht a:hover Schuld ist.

a:link {
 font-family: Verdana, Arial, Helvetiva, Sans-Serif;
 font-size: 0.9em;
 text-decoration: none;
 border-bottom: 1px solid #F7F1E7;
 color: #F7F1E7;
}

a:active {
 font-family: Verdana, Arial, Helvetiva, Sans-Serif;
 font-size: 0.9em;
 text-decoration: none;
 border-bottom: 1px solid #F7F1E7;
 color: #F7F1E7;
}

a:visited {
 font-family: Verdana, Arial, Helvetiva, Sans-Serif;
 font-size: 0.9em;
 text-decoration: none;
 border-bottom: 1px solid #F7F1E7;
 color: #F7F1E7;
}

a:hover {
 font-family: Verdana, Arial, Helvetiva, Sans-Serif;
 font-size: 0.9em;
 text-decoration: none;
 border-bottom: none;
 color: #F7F1E7;
}

Hat jemand ne Idee, was ich falsch gemacht hab (Falls es kein Bug ist) oder, kennt jemand nen Workaround?

Bin für jeden Tip dankbar ;-)

Gruß

Phil

--
ich bin ein nachmacher: http://www.eppstein.de
ie:% fl:( br:& va:} ls:< fo:) rl:( n4:{ ss:| de:] js:| ch:? mo:} zu:(