Float left bloting out background, etc on MSIE but not NS

[news.frontiernet.net]

When I use float left as in the this code, it seems to blot out the
background and border of its parent div on MSIE 6 but not NS 7.

Here is the code i was using;

#firmheader {border: 1px solid black; position: relative; background-color:
lightgreen; font-family:Arial; font-size:12; text-align: right; }
..firmheader_text{float: left;}

<div ID="firmheader">
<span class="firmheader_text" >Firm Name</span>
<span class="firmheader_category">Category of Goods &amp; Services</span>
</div>

The results can be seen at http://www.wgtn.net/Business/wgtnwha_relay_1.htm

I have validated this with the online CSS validator and dont appear to be
doing anything it sees as erroneous.

The Text "Firm Name" should be against the background of its parent div just
like the text "Category of Goods &amp; Services" on the right is.

Do any of you have a solution to this oddity?

 

[Barry Pearson]

When I use float left as in the this code, it seems to blot out the
background and border of its parent div on MSIE 6 but not NS 7.

Here is the code i was using;

#firmheader {border: 1px solid black; position: relative;
background-color: lightgreen; font-family:Arial; font-size:12;
text-align: right; } .firmheader_text{float: left;} [snip]
Do any of you have a solution to this oddity?

Remove { position: relative }

 

[news.frontiernet.net]

Thank you! That does work!

When I use float left as in the this code, it seems to blot out the
background and border of its parent div on MSIE 6 but not NS 7.

Here is the code i was using;

#firmheader {border: 1px solid black; position: relative;
background-color: lightgreen; font-family:Arial; font-size:12;
text-align: right; } .firmheader_text{float: left;} [snip]
Do any of you have a solution to this oddity?

Remove { position: relative }

--
Barry Pearson
http://www.Barry.Pearson.name/photography/
http://www.BirdsAndAnimals.info/
http://www.ChildSupportAnalysis.co.uk/