We are trying to deploy a ASP.NET web app that needs a wrapper which puts a background outside the website. The starting page doesn't use the Master page and I am able to get the wrapper to work fine. I put the exact same code and CSS reference in the Master page and it completely ignores it. The Master page is pulling in the CSS reference because the top menu in it and the starting page uses the same CSS file and the menu is working in the Master page as it should. Am I missing some basic rule here on wrapper CSS and Master page interaction?
This code should center the website and add the background GIF outside the website. It does on the Starter page, and does neither on the Master page file.
CSS
.wrapper { border: 0px; margin: 0px; padding: 0px; background: url(../images/menu/wrapperbkgd.gif); width: 100%; }
.content { margin: 0px auto; width: 1000px; text-align:left; }
Starter Page & Master Page
<body>
<div class="wrapper">
<div class="content">
... rest of page ...
</div>
</div>