Question

OK, so I have an internal div that is designed to contain text, images, etc.
The images are floated in this instance.
After the internal div is a footer, which is my problem. No matter what I try, the internal div won’t expand around the images and hence, the footer won’t sit below the images.

The example can be seen here: http://baradineholdings.com.au/about2.php

#internal
{
    width: 960px;
    height: auto;
    background-color: white;
    border: 1px solid #ccc;
}

#row {
    min-width: 480px;
    display: block;
}

#movers-row {
    margin: -406px 0 0 121px;
}

#movers-row div {
    width: 49.9%;
    float: left;
}

#movers-row div img {
    float: right;
} 

#footer {
    width: 960px;
    height: 98px;
    border-top: 1px outset #ccc;
    border-bottom: 1px solid #ccc;
    border: 1px solid #ccc;
    background-color: white;
}

Someone has probably answered it, but I don’t seem to be searching using the right terms so any help would be greatly appreciated.

Answer 1

change your css of this id..

#footer {
 width: 960px;
 height: 98px;
 border-top: 1px outset #ccc;
 border-bottom: 1px solid #ccc;
 border: 1px solid #ccc;
 background-color: white;
 position:relative;
 float:left;
}

Update: Change this id’s css as well.. works on Chrome.. on linux,so.. havnt tested it on IE9

#movers-row {
 margin: -406px 0 0 121px;
 height: auto;
 overflow: hidden;
}