边框悬停在div（CSS）上

Question

first of all I wanted to give you a fiddle instead but as I ran it, it looked correctly so obviously the problem lies somewhere else in my code and I have no idea where.

Basically, I want rounded borders around the 2 div columns above the footer, however they hover over the divs. Additionally as you can see, the rounded border is hidden behind the div background in the bottom corners. How can I fix these?

Link (sorry for the dodgy-looking link but that's the first free hosting website I could find to test the website before I actually get some proper hosting): http://pawel.net63.net/

Answer 1

将背景图片放在#featured-product而非#bottom-main 。