[SOLVED] overlapping divs :-(

Hi Everyone.

I have a problem on the site im building........

http://www.design365.co.uk/piccolo/default.asp

All the images on the right (brands, sale items, gifts etc) are in a div named 'imageholder', the problem is that in firefox the images overlap the footer, its ok in IE. Im not sure why this is happening, maybe something to do with the code ive used for the imageholder.....

Code: Select all

#imageholder{
float: right;
clear: left;
margin-right: 1px;
}

Hope this makes sense

Thanks

Add { overflow: auto } to the box containing your images, or add a clearing <div> at the bottom.

And validate your code!

overflow: auto doesnt seem to work, how do i do a clearing div for it?

In the footer div you can add this to the css:
clear: both;

Or add an entire clearing div between the imageholder and the footer div.

html looks like:

Code: Select all

<div class="clear"></div>

css looks like:

Code: Select all

.clear {
    height:1px;
    margin:0 0 -1px 0;
    clear:both;
    overflow:hidden;
}

hey thanks lchad, however, i solved it just now. I used clear: both; on the 'footer' div.

Thanks people

ah damn sorry lchad i didnt read your first bit i just looked at the code u gave me. Thanks a lot though

no problem.... next time I should use the code box huh?

haha yea at least i mite actually read it then lol. Thanks