Displays like this in FF 3, and Opera 9, but displays perfect in IE7.
http://i130.photobucket.com/albums/p248/pug2775/ScreenShot042-1.png
here is the HTML
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- -->
<!-- -->
<!-- -->
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="keywords" content="Microsoft Flight Simulator, Online flying, Virtual flying, International Flying Club, VATSIM, TEAMSPEAK, Group Flight" />
<meta name="description" content=" The Virtual International Flying Club is a different concept of VA that offers to the flight simulation enthusiast the opportunity to enjoy Virtual Flight while making links with people from the whole world" />
<title>Virtual International Flying Club</title>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<link rel="stylesheet" type="text/css" media="screen" href="css/lores.css" />
<style type="text/css" media="screen">
/* <![CDATA[ */
@import url(css/style.css);
/* ]]> */
</style>
<!--
<link REL="SHORTCUT ICON" HREF="http://www.flydeervalley.com/favicon.ico">
-->
</head>
<body>
<div id="wrapper">
<div id="masthead">
<span class="farhar">VIFC Logo, The Virtual International Flying Club is a different concept of VA</span>
</div>
<div id="navcontainer">
</div>
<div id="content">
</div>
</div>
</body>
<div id="footer"></div>
</html>
and the CSS
background: url(../assets/background.png) repeat-x;
background-color: #91918f; /*grey*/
color: #191919; /*black*/
float: none !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
text-align: center;
}
#wrapper {
background-color: #91918f; /*grey*/
color: #9c0001; /*burgundy*/
background: url(../assets/wrapperbackground.png) repeat-y;
width: 835px;
padding: 0px;
margin: 0 auto;
text-align: left;
height: auto;
}
#masthead {
background-color: #91918f; /*grey*/
background: url(../assets/banners/banner_3.png) center no-repeat;
color: #45392a;
padding-top: 0px;
padding-left: 30px;
width: 800px;
height: 200px;
}
#navcontainer {
background-color: #c59a6f; /*lbrown*/
background: url(../assets/menubar.png) no-repeat;
color: #561420; /*bergundy*/
padding: 0px;
width: 830px;
height: 40px;
}
.farhar {
padding:0px;
width:190px;
height: 59px;
border-bottom: none;
margin: 0 0 0 0;
text-indent: -5000px;
display: none;
}
#content {
background: url(../assets/bodyback.gif) repeat-y;
color: #45392a;
padding: 0px;
width: 800px;
height: 502px;
}
#footer {
clear: both;
background: url(../assets/wrapperbottom.png) center no-repeat;
color: #561420;
/*padding: 0px;*/
width: 836px;
height: 34px;
}
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/