I try to figure out a way to construct a layout for a menu as you can see in the picture below:



The Image represent a 100% width layout. Where the black bar extends over the full 100% width and the grey bar Is Illustrating the menu width: 960px! You could say make a wrapper; width: 100%; background: black; and within that wrapper the menu: width: 960px; background: grey; margin: 0 auto; But I don't want the black background to appear under the menu, since I would like to work with a transparant :hover effect for the menu items. I tried it with display: inline-block, using three divs, but that wasn't working. What would be the best way to make this work?

Thank you in advance.