Nieznane linie w firefox

[Maverick]

Witam
Nie wiem dlaczego, ale tylko w przeglądarce firefox, tworzą mi się jakieś szare linie w menu

czemu tak się dzieje?
kod tabelki

Kod: Zaznacz cały

<P class="LBOXH"><font class="LBOXH">najświeższe newsy</font></P>
			<P class="LBOXH2"><font class="LBOXH2">err</font></P>
			<P class="LBOX"><font class="LBOX"></font></P>
           <P class="LBOXH2"><font class="LBOXH2">err</font></P>
			<P class="LBOX"><font class="LBOX"></font></P><P class="LBOXH2"><font class="LBOXH2">err</font></P>
			<P class="LBOX"><font class="LBOX"></font></P><P class="LBOXH2"><font class="LBOXH2">err</font></P>
			<P class="LBOX"><font class="LBOX"></font></P><P class="LBOXH2"><font class="LBOXH2">err</font></P>
			<P class="LBOX"><font class="LBOX"></font></P><P class="LBOXH2"><font class="LBOXH2">err</font></P>
			<P class="LBOX"><font class="LBOX"></font></P><P class="LBOXH2"><font class="LBOXH2">err</font></P>
			<P class="LBOX"><font class="LBOX"></font></P><P class="LBOXH2"><font class="LBOXH2">err</font></P>
			<P class="LBOX"><font class="LBOX"></font></P><P class="LBOXH2"><font class="LBOXH2">err</font></P>
			<P class="LBOX"><font class="LBOX"></font></P><P class="LBOXH2"><font class="LBOXH2">err</font></P>
			<P class="LBOX"><font class="LBOX"></font></P><P class="LBOXH2"><font class="LBOXH2">err</font></P>
			<P class="LBOX"><font class="LBOX"></font></P><P class="LBOXH2"><font class="LBOXH2">err</font></P>
			<P class="LBOX"><font class="LBOX"></font></P><P class="LBOXH2"><font class="LBOXH2">err</font></P>
			<P class="LBOX"><font class="LBOX"></font></P>

style

Kod: Zaznacz cały

P.LBOXH2 { margin: 0px 20px 0px 20px;
		padding: 1px 1px 0px 5px;
		border-style: none solid none;
		border-width: 1px;
		border-color: #666666;
		text-align: left;
		line-height: 13pt;
		background-color: #ECECEC }

P.LBOX  { margin: 0px 20px 0px 20px;
		padding: 1px 1px 0px 5px;
		border-style: none solid solid solid;
		border-width: 1px;
		border-color: #666666;
		text-align: left;
		line-height: 11pt;
		background-color: #ECECEC }

FONT.LBOXH2 { font-family: arial,verdana, helvetica, sans-serif;
		font-size: 11px;
		color: black } 

FONT.LBOX { font-family: arial,verdana, helvetica, sans-serif;
		font-size: 8pt;
		font-weight: normal;
		color: #02325E } 

[viraptor]

Prawdopodobnie to kwestia zaokrąglania wysokości przy liczeniu wys. linii = 11pt - przynajmniej w innych przypadkach też dziwne rzeczy generuje. Jak chcesz bez poślizgów, to wysokość określ w px.
A tak wogóle, to nie prościej w ten sposób? :
[xml]
<head><style>
div.lboxh {
width : 200px;
margin : 0;
margin-left : 10px;
margin-right : 10px;
padding : 2px;
padding-left : 5px;
padding-right : 5px;
border : 1px solid #666;
line-height : 14px;
background-color : #ececec;
font-family : arial, verdana, helvetica, sans-serif;
font-size : 11pt;
}
div.lbox {
width : 200px;
margin : 0;
margin-left : 10px;
margin-right : 10px;
padding : 2px;
padding-left : 5px;
padding-right : 5px;
border : 1px solid #666;
border-top : none;
line-height : 14px;
background-color : #ececec;
font-family : arial, verdana, helvetica, sans-serif;
font-size : 8pt;
}
</style></head>
<body>
<div class="lboxh">najświeższe newsy</div>
<div class="lbox">err</div>
<div class="lbox">err</div>
<div class="lbox">err</div>
<div class="lbox">err</div>
<div class="lbox">err</div>
<div class="lbox">err</div>
</body>
[/xml]
Jak chcesz jeszcze kolory tekstów zmienić, to spanem w odpowiednich miejscach... Ten kod który podałeś wogóle nie generuje niczego normalnego u mnie.