[Buhmann]

Ich habe versucht ein h1 Element mit css zu bearbeiten, dabei ist mir aufgefallen, dass IE und FF (wieder mal) unterschiedlich reagieren.

#right div {
        border: 1px solid #000000;
        background-color: #F0F0F0;
        margin-top:20px;
}

#right div h1 {
        display:block;
        width:100%;
        height:35px;
        border-bottom: 1px solid #000000;
        background: url("layout/h1.png");
        background-repeat: repeat-x;
        background-color: #336699;
        margin: 0px;
        padding: 0px;
        text-indent: 10px;
        font-size: x-large;
        font-family: verdana, helvetica, arial;
        font-weight: bold;
        color: #FFFFFF;
}

<div>
 <h1>Test</h1>
</div>

Der IE lässt dabei Platz über dem h1, der FF nicht.

Wie kriege ich es hin, dass der IE das gleich anzeigt wie FF?
Gibt es für dieses Problem ein spezielles Workaround?

[Ben]

Füge mal das hier

* {
    margin:0;
    padding:0;
}

hinzu.
Vielleicht reicht das schon (habe mir das gar nicht so genau angeschaut, was Du da gemacht hast. Sorry. ).

[Buhmann]

Is beides schon drin

hätte auch gedacht, dass das eigentlich reichen muss....

[EDIT]

hat sich erledigt, lag daran, dass das Element nicht gefloatet hat, d.h. von dem menü mit float runtergeschoben wurde.