Help with this layout.

~~.Zi~~ · 24-07-2009, 07:46 PM

http://sentinelinsurance.co.uk/

I'm designing/coding this layout for my Dad. I need some help with it, I have several questions and I need them answering ASAP so I can complete this.

My Questions:

On all the green bars, at the bottom and top of the layout, how would I make them go across the whole of the page, would I use height: height here; and width: 100%;?
I was wandering if anybody could code me a simple PHP usersystem, if you add me on msn (which can be found abit lower down) ill tell you what it needs, I actully don't know yet.
Does anybody know of a Simple Form, that I could put into the page, that then sends an email to a spesified email? If so, please post a code!
On the navigation, how would I space all of the Links out equally without having to push space over and over again, so I just click tab or something and it spaces them out equally, I trade pressing Tab and this didn't work.
On the navigation, how can I make the links look really nice, like, when your not hovered over it its white, and then you hover over it, it becomes red, or something like that.

Thanks for any help given, I know that the banner is bad quality, thats being changed asap.
My MSN: [email protected]
for those that would want it, my css.

Code:

#container {
    width: 866px;
    margin: auto;
}
#banner {
    background-image: url(imgs/banner.png);
    height: 193px;
    width: 866px;
}
#nav {
    background-image: url(imgs/nav.png);
    height: 22px;
    width: 786px;
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#content {
    background-image: url(imgs/content.png);
    width: 846px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
}
#copyright {
    background-image: url(imgs/copyright.png);
    width: 856px;
    height: 25px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
}
#other {
    background-image: url(imgs/other.png);
    width: 846px;
    padding-left: 5px;
    padding-right: 5px;
}