Unten abgeschnittener Text im Mozilla

[Konrad Rudolph]

Hallo Forum,

ich habe vor kurzem durch Zufall entdeckt, daß man im IE per CSS einen recht interessanten Styleeffekt erzeugen kann.
IMHO ist der Code von mir korrekt, leider sieht der Effekt im Mozilla aber doof aus.

Hier mal ein Screenshot, wie es aussehen _soll_ (aus dem IE):

http://madrat.net/header.png

hier der dazugehörige CSS-Code:

\\ div.bodybox h1{
    font-size:28pt;
    font-weight:bold;
    letter-spacing:3px;
    color:#B6BDD2;
    margin:0 0 7px 0;
    width:600px;
    text-align:right;
    border-bottom:1px #B6BDD2 solid;
    vertical-align:top;
    line-height:22pt;
    overflow:hidden;
    display:block;
}
///

wobei das display:block eigentlich nicht gebraucht wird, ich dachte bloß, daß der Mozilla das eventuell braucht, aber der zeigt bei diesem Code einfach einen Header mit Unterstrich an und es wird nicht so schick abgeschnitten... und genau das will ich!

Gruß,
KonRad -