A: 

You might try add the clearfix class to your main block. It is defined here: http://www.webtoolkit.info/css-clearfix.html

It helps make browsers render the entire container, even when its contents are floated.

Alex Sexton  2009-10-21 09:37:09
Thank you, that has helped me somewhat - however, having implemented that (assuming wrongly) that has now hidden my centre div?
Wayners247  2009-10-21 09:49:31
perhaps it also needs to either be cleared or clearfixed as well?
Alex Sexton  2009-10-21 09:51:06
As the div is using a class already to define its size and float, i have added the clearfix code to this class. Should that not work? Ive tried different variants of the clear and visibility commands but with no luck :(css code is:background-color:#39C; background-position:center; background-repeat:no-repeat; min-height:200px; width:70%; float:left; content: "."; display: block; height: 0; clear: both; visibility:hidden;
Wayners247  2009-10-21 09:56:12
Thank you alex, i got it working thanks to your help :)
Wayners247  2009-10-21 10:03:13
You should upvote answers that you think are helpful ;)
Alex Sexton  2009-10-21 10:05:09
i am, but each time I do it says an error has occured :(
Wayners247  2009-10-21 10:15:11
A: 

Thank you Alex, i managed to sort it by removing the height:200px command in the parent. Works fine in IE and firefox now :)

Thanks very much :)

Wayners247  2009-10-21 10:02:55

related questions

CSS for container divs and falling to the next line
CSS div element - how to show horizontal scroll bars only?
Jquery changing background of parent div.
Why doesn't dynamically generated content change the height of containing div?
How do you create non scrolling div at the top of an HTML page without two sets of scroll bars
How do I align spans or divs horizontally?
How can I have a sliding menu div that doesn't move unless the page is scrolled down past a certain point.
Div Positioning Problem
Overflow to left instead of right
How can I center content between a header and footer div?
How to create div to fill all space between header and footer div
HTML footer problem
IE Chopping off left of DIV
Div 100% height works on Firefox but not in IE. What to do?
Determining the height of an HTML table that is dynamically filled
How to force a DIV block to extend to the bottom of a page, even if it has no content?
DIV with overflow:auto and a 100% wide table problem
Make a <div> fade away nicely after a given amount of time
Make a div fill the remaining screen space
div class vs id
Best way to implement a 3-column website using <DIV> tags?
CSS - Placement of a div in the lower left-hand corner
How do you get the footer to stay at the bottom of a Web page?
Setting the height of a DIV dynamically
Scrolling Overflowed DIVs with JavaScript