Formatting problems on product info page and in header

I am having a number of formatting problems that I hope someone may be able to help me with.

In Firefox my additional images are displaying over the top of my product description. In ie9, chome, and safari they are displaying fine. Can anyone point me in the right direction to rectifying this?

The url is: http://www.o u r l i t t l e c o t t a g e s h o p . c o . u k /index.php?main_page=product_info&cPath=2&products_id=6

(Please remove the spaces from the url above)

Also, I have a shopping bag area in the header, this displays fine in chrome, safari and firefox but not in ie9. In ie9 the text hangs outside of the main page. The same url given above can be used to see this.

I realise that this is going to be a coding problem somewhere and something I have messed up so any help someone can give me would be much appreciated.

to fix additional image . add this to end of your stylesheet.css

#productAdditionalImages
{
clear:both;
}

test with all browser to see other browser are not effected.

ie9 , can not help , i have no ie ..

tony_sar:

to fix additional image . add this to end of your stylesheet.css

#productAdditionalImages
{
clear:both;
}

test with all browser to see other browser are not effected.

ie9 , can not help , i have no ie ..

Hi Tony,

Thank you so much for the quick response and your help with this, it worked like a dream. If anyone has ie and can help me with my other issues it would be very much appreciated!:smile:

Can anyone else with my internet explorer formatting problem please?

since i don't have IE. im shooting in dark.

you have a div called shoppingbag ..
you defined two other div nested inside main div . so there are no reason for setting their position to absolute.

you may want to remove those and adjust the nested divs with margin and padding.