Styling issue(s)

Wzzzup All,

This is my first attempt with AT and I'll keep my request to a minimum.

All I am trying to do, for now anyways, leave theme settings alone, currently set at 960px, and put the #container, and rest of html, inside #container-wrap currently set at 1000px, but will change this to margin/padding/borders once in place to accommodate all theme settings.

So, is the theme settings, how do I put this, not allowing me to go outside the theme setting selected when it comes to the #container.

Everything shows in html with Firebug, except the css (below), but the css does show with FF web developer,. ( theme.css ...at the top for easy access ). Yes I cleared cache, rebuilt registry, etc..

Added to page.tpl

<div id="container-wrap">
 <div id="container-top"></div>
  <div id="container">

.....rest of html.........

  </div> <!-- /container -->
 <div id="container-bottom"></div>
</div> <!-- /container-wrapper -->

Added to theme.css

 #container-wrap: {
width: 1000px;
height: auto;
margin: 0 auto;
background:red url(img/middark.png) repeat-y;
}

 #container-top: {
width: auto;
height:32px;
background:green url(img/con-top.png) no-repeat;
}

 #container-bottom: {
width: auto;
height:32px;
background:green url(img/con-bottom.png) no-repeat;
}

Why you might ask. The wrapper gives me extra border/padding/margin settings because I am a CSS style junkie, adding tons of css classes to .tpl's using minimum images in my themes. There is only 6 images planned for this theme build, 3 are above, for a full featured portal site.

http://zenit.lazykatz.com/ is a bare demo, forgive the name, I try/use all starter themes.

THX in Advance,
Grizz