Help with CSS Header / Footer and Main Body

[htwingnut]

I am attempting to put together a website. My CSS skills are limited and I'm learning "on the fly."

I really want to keep my site simple, but wanted at least something interesting for the front end. It seems this is harder than I thought.

I want to fix a header and footer, which I've done successfully (I think), but now I want the content part of my site to line up with the graphics on the top and bottom. I get different results with Chrome, FF, and IE7.

Can anyone recommend as minimal amount required to do this?

Visit here:

http://www.notebooknerd.com/index_css.shtml

My header, footer, and content div code is here:


div#header {
position: fixed;
width: 100%;
height: 66px;
margin: 0 auto;
top: 0;
left: 0;
background-color: #068adc;
}

div#footer {
position: fixed;
width: 100%;
height: 66px;
margin: 0 auto;
bottom: 0;
left: 0;
}

html,body {
height: 100%;
}

div#content {
min-height: 100%;
margin: 0 auto;
width: 999px;
text-align: left;
margin-top: 66px;
margin-bottom: 66px;
}


It's probably a complete mess, but any help is appreciated.

[infinityspiral]

This site was a broken link?

[WebJoel]

http://www.notebooknerd.com/ ?