Firefox CSS background problem

[Jörg Ohnheiser]

Hi, habe folgendes Problem mit dem Firefox der zeigt mir bei meinem Design zwischen zwei DIV Tag oben weißen Freiraum an, was der IE 6.0 nicht macht.
Wenn ich dann border: 1px solid; im css setze verschwindet der Freiraum auch im Firefox aber dann hab ich den hässlichen Rahmen.

HTML-Code Auszug:

<div class='menurechts'>

<div class='menurechtsimg'><img src='img/menur_head.jpg' /></div>
<div class='menuinhalt'>
 <p>Login </p>
 <p>Login 2 </p>
</div>
<div class='menurechtsimg'><img src='img/menur_food.jpg' /></div>

</div>

CSS:

.menurechts {
 position:absolute; top: 20px; right: 0px;
 float:right;
}

.menurechtsimg {
 width: 181px;
 height:14px;
 padding:0;
 margin: 0px;
 border:none;
 display: block;
 overflow:hidden;
}

.menuinhalt { width: 181px;
              background: white url(../img/menur_bg2.jpg) repeat;
              margin: 0;
              padding: 0;
              text-align:center;
              vertical-align:top;
              border:1px solid;
              white-space:nowrap;
}

[Detlef G.]

Hallo Jörg

Hi, habe folgendes Problem mit dem Firefox der zeigt mir bei meinem Design zwischen zwei DIV Tag oben weißen Freiraum an, was der IE 6.0 nicht macht.

Das dürfte der margin des enthaltenen p-Elements sein. (collapsing margins)

Wenn ich dann border: 1px solid; im css setze verschwindet der Freiraum auch im Firefox ...

Ja, damit trennst du die margins der Elemente voneinander.

... aber dann hab ich den hässlichen Rahmen.

Wie wäre es mit transparent?

Auf Wiederlesen
Detlef