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;
}