Div border not drawn around contents

I am trying to use a div with a border (class=info) to contain two other
divs.

http://www.etzchaimsharon.org/announcements.htm
http://www.etzchaimsharon.org/announcements.css

on IE this seems to work correctly. On Firefox and most other browsers,
the border is drawn as if the div was empty and did not contain the
other divs.

Any idea why this is happening?

Stuart Scharf

Stuart Scharf wrote:

I am trying to use a div with a border (class=info) to contain two other
divs.
on IE this seems to work correctly. On Firefox and most other browsers,
the border is drawn as if the div was empty and did not contain the
other divs.

http://www.complexspiral.com/publica...aining-floats/

--
David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is

David Dorward wrote:

Stuart Scharf wrote:


I am trying to use a div with a border (class=info) to contain two other
divs.
on IE this seems to work correctly. On Firefox and most other browsers,
the border is drawn as if the div was empty and did not contain the
other divs.


http://www.complexspiral.com/publica...aining-floats/

Thanks, I had forgotten that the contained div's were floats and what
that implied.

While playing, I noticed that if I set the containing div to
overflow=hidden (or anything other then visible) the border was
also correct, but I have no idea why that worked.

(I have since corrected the origional url by adding a clearing div)