Firefox css help

  • Thread starter Thread starter Paul C
  • Start date Start date
P

Paul C

Hi
I created a page with a title banner. In IE the banner has a shorter height
than when I veiw the page in Firefox where the height is to large.
Here are the Css rules for the section and the url. The words about us is
surrounded by too much red in firefox I have treid to add height
restrictions but it seems that I am missing something
http://www.gbwr.co.uk/aboutus.htm

#headerbackground p {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 25px;
font-weight: bold;
color: #FFFFFF;
font-style: normal;

}


#headerbackground td {
background-image: url(../PageImages/index/redflagbackground.gif);
background-repeat: no-repeat;
background-color: #DD3236;
padding: 2px 5px 2px 9px;
background-position: center;

}

Thankyou
Paul M
 
Change this -

<td colspan="3" align="left" valign="top">
<p>About us<br>
</p></td>

to this -

<td colspan="3" align="left" valign="top">
<p style="margin-top:0;">About us<br>
</p></td>
 
Thanks Murray
best wishes
Paul M

Murray said:
Change this -

<td colspan="3" align="left" valign="top">
<p>About us<br>
</p></td>

to this -

<td colspan="3" align="left" valign="top">
<p style="margin-top:0;">About us<br>
</p></td>
Click to expand...
 
You're welcome. As you see, it wasn't FF at all. It was IE that was at
fault by collapsing that margin.
 
Back
Top