views:

18

answers:

1

Hello

Just getting into jquery.

This problem only occurs in IE 8, its fine in IE 7, IE 8 Compat mode, Chrome and FF.

When the nail enhancements button is clicked the content bombs over the top of the footer.

Does any body have any ideas please? here's the page. http://deansmith.me.uk/acrylicwizarddev/pricelist.aspx

thanks

Dean

A: 

On #page, instead of using display: inline-block, use overflow: hidden. It will clear the floats and fix the bug.

Alexander Gyoshev
GREAT! Many thanks for the very quick response and successful answer. You answered so quickly I must have made a very common CSS error.
dean
I don't think it's that common - I just happened to have an IE open :P `display: inline-block` is rather quirky in most browsers, so using the better supported `overflow` property is recommended.
Alexander Gyoshev
I'll keep overflow in mind. It looks to be something i'll use again. Thanks again.
dean