Disappearing borders in IE6/IE7

[daGUY]

This is bizarre. I have a containing div that holds three smaller divs floated left (for columns). The HTML looks like this:

Code:

Content

Content

Content

 

The empty div at the end is just a clear; I need it because without it, #bottom has no height.

Anyway, #bottom has a top border. In IE6 and IE7, the border doesn’t appear. I determined that for some reason, the presence of the clearing div causes the border to disappear.

Does anyone know why this is, or how to get around it? The presence of the clearing div shouldn’t have any effect on the border, right? In Safari and Firefox, the border always displays, regardless of the clear.

[Jonz]

first of all try to remove the space entity in the clear div.
Next can you post the css for the floats and bottom div

[Author]

Posts