Question

Better than the provide pasted html/css I thought a link would be better:
http://www.naughtyfancydress.com/html/index.html

Basically, I am trying to show a modal form popup on the click of “Themes” in the nav.

However, the background only turns pink for the area covered in the navbar div not for the whole page.

I’ve never encountered this before, is it because of the position relative on navbar?

Answer 1

The pink <div> is a child of #navbar and #navbar has overflow: hidden. The result is that it gets clipped. Your pink <div> needs to be outside #navbar or you need to allow overflows (and possibly clear floats explicitly if you’re using overflow: hidden; as a clearfix).