Help with a div element

Hi Guys,

I'm trying to build my CSS website and i'm stuck on one bit. on this page if you view it in IE:

http://www.sloughtownfc.net/new_design/example.php

Under those three boxes there is another box below, but in FF the box disappears behind the three boxes. Why is this?

Thanks

Chris

try to change this css rule
.media_watch {
margin-top:20px;
width:584px;
border:1px #CCCCCC solid;
}

Into

.media_watch {
clear:both;
margin-top:20px;
width:584px;
border:1px #CCCCCC solid;
}


and let me know if it fixes the error.

Thanks, that nearly worked. It's moved the box down, but in FF seems to have ignored the margin-top rule.

Also what does clear do. Can someone explain it to me in English in my example. I've googled it but it makes no sense to me??

This site should explain the "clear" property. http://www.positioniseverything.net/easyclearing.html

Pay close attention to the first diagram.

-trigger