Ughh.., this is annoying! Options

[Mikeplyts]

Ok, so I made a new layout for my site but for some reason, some of my "input" textboxes, textareas, etc. don't want to show on some pages. I've checked my coding and I can't seem to find anything wrong with it.

Here are a few pages that my textareas and input textboxes don't want to show.
1
2
3
4

Can anyone please help me?!

Here is my code (The .css file):

CODE

body {background-color:e1e1e1; background-image: url("http://www.mikeplyts.net/images/mpldotnet-gradient_header2.png"); background-repeat: repeat-x; background-position: top left; background-attachment: scroll;}
#header {position: absolute; top:0px; left: 50%; margin-left:-300px; width:700px; height:261px;}
#main {position: absolute; top:250px; left:50%; margin-left:-250px; width:500px; border-left: 1px solid 000000; border-right: 1px solid 000000; font-family: arial; font-size: 12px; font-color:000000; text-decoration: none; text-transform: none; background-color:transparent;}
#left {position: absolute; top:250px; left:25%; margin-left:-200px; width:400px; height: 700px; font-family: arial; font-size: 12px; font-color:000000; text-decoration: none; text-transform: none; background-color: none;}
#right {position: absolute; top:250px; left:75%; margin-left:-0px; width:200px; height: 700px; font-family: arial; font-size: 12px; font-color:000000; text-decoration: none; text-transform: none; background-color: none;}
.nav {
font-family: arial; font-size: 14px; color:333333; text-transform: none; text-decoration: none; }
.nav:hover { font-family: arial; font-size: 14px; color:cc0000; text-transform: none; text-decoration: none; font-style:italic; cursor: pointer; }
a:link, a:link font, a:active, a:active font, a:visited, a:visited font, a.navbar:link, a.navbar:active, a.navbar:visited, a.redlink:link, a.redlink:active, a.redlink:visited {
font-family: arial; font-size: 12px; color:#333333; text-transform: none; text-decoration: none; }
a:hover { font-family: arial; font-size: 12px; color:#cc0000; text-transform: none; text-decoration: none; cursor: pointer; }
h1 {font-family: georgia; font-size: 30px; color:cc0000; text-decoration: none; text-transform: uppercase;}
h2 {font-family: georgia; font-size: 22px; color:cc0000; font-style: italic; text-decortion: none; text-transform: uppercase;}
h3 {font-family: georgia; font-size: 16px; color:c00000; text-decoration: underline; text-transform: lowercase;}
blockquote {width:400px; font-family: arial; font-size: 12px; font-color:000000; font-style: italic; background-color:c00000; border-width: 1px; border-color:000000; border-style: dashed;}
a.button:link, a.button:active, a.button:visited {border-width: 1px; border-color:#000000; border-style: solid; background-color:#c00000; font-family: arial; font-size: 12px; color:#000000; padding:1px;}
a.button:hover {border-width: 1px; border-style: solid; border-color:#000000; background-color:#ff0000; font-family: arial; font-size: 12px; color:#000000; padding:1px;}

Thanks.

[fixtatik]

the problem isn't your CSS (everything works fine in firefox, btw); it's your HTML. right away, your biggest problem is that you haven't defined a DOCTYPE, so your site is in quirks mode. quirks mode is basically hell in internet explorer. go here for the different DOCTYPEs. it looks like you're trying to do XHTML, so use the DOCTYPE for XHTML 1.0 Transitional (your code doesn't have to be absolutely perfect for it to show).

the other problem is that you've closed the body and html tags three times in your code. scan through it, and take out the extra </body> and </html> that are scattered in there.