Strange Chrome Problem, Images repositioning themselves

HTML & CSS
1

First off before anyone comments, I didn’t code this mess. One of my clients had someone else do a skin for the application I built. HORRIBLE case of divitus and some really silly stuff but they wont pay me the time to fix it.

Anyway, url is ahuntinglease.org/test.html

In every browser except Chrome / Safari everything works fine but in those two there are three images (that are inside the footer div) that somehow appear at the top of the page. Checked her styles for anything weird, validated the page and found nothing that would cause this.

Any ideas? This is driving me NUTS!

Thanks!

2

Hi DC,

Just add clear:both to the footer.


#footer{clear:both}

The element above it is floated and chrome is letting the images slide up. It’s always a good idea to clear elements that follow floats and don’t just expect them to clear even if there’s no room.

3

Thanks Paul, I hadn’t even noticed the elements above them were floated, like I said not my design.