Border issue with Firefox [Archive]

mn757

08-19-2008, 04:49 PM

Hi all,

I have an issue with a div where the background is not displaying in Firefox but is fine in IE6 and IE7. I can make it display by adding a border, but as soon as I comment out the border it disappears again.

The border is on RBC_BOX_YELLOW_BODY

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<style>

body

.RBC_BOX_YELLOW_BODY {
width : 270px;
border: solid 1px black;
background-color : #ffcc00;
}

.RBC_BOX_YELLOW_BODY_2 {
float : left ;
width : 223px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.RBC_CLEAR {
clear : both;
}

</style>
</HEAD>
<BODY>

<div class="RBC_BOX_YELLOW_BODY">

<div class="RBC_BOX_YELLOW_BODY_2">
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
<li>Item 6</li>
<li>Item 7</li>
</ul>
</div>

<div class="RBC_CLEAR"></div>
</div>

</BODY>
</HTML>

************************

Any help gratefully received.

many thanks,

Martin.

TheJoshMan

08-19-2008, 07:48 PM

I tested it locally in FF3 and it works just fine with the border set to "none". The yellow background shows.

mn757

08-20-2008, 07:36 AM

Thanks for your reply. However, I can now see that this is only an issue in FF1 (I am using 1.0.7). It is wortking fine in FF2 and above. As I cant reply on my users having the latest version of FF, does anyone know why FF1 handles borders differently to FF2 and above, and how I can get round this?

Many thanks

Martin N.