Header and Footer size

i want to edit the size of the header and footer to make them the size of the whole page, also how do i edit the design of the main buttons just under the header?

I have looked over style.css, but because i cant preview changes on a non-live site, i dont want to mess things about to much.

You can modify the header and footer in templates\css\style.css

#header {
width:100%;
padding: 0;
margin: 0;
}

#footer {
width:auto;
display:block;
}

For modifying menu background edit templates\css\style.css and findout following


#menu {
width: 100%;
margin-bottom: 2em;
margin-top:2px;
background-image: url("../images/menu.gif");
}


Keep backup before modifying files

yeah those are the parts that i am trying to edit but i cant get it to work. I want the header to be full length across the whole page, i have tried manipulating the code to do so but something stops it from moving further than the wrapper :confused:

So, put it above the wrapper.