Ok so this page works A-Ok on every browser apart form firefox and i swear i couldnt make the code more basic than it is...
The link is http://brew.byethost17.com
Any help is apprechiated.
Sure it can get more basic.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "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" />
<title>Extreme Alcohol.com - The homebrewers Favorite bookmark!</title>
<base href="http://brew.byethost17.com/" /><!--can be removed-->
<style type="text/css">
html, body {
margin:0;
padding:0;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
background:#960 url(images/background.gif) center;
}
body {
padding:5px 0 8px 0;
}
#container {
width:731px;
margin:auto;
background:#FFF url(images/container_left.gif) 0 246px repeat-y;
}
#header {
height:224px;
background:url(images/header.jpg) no-repeat;
text-indent:-9999px;
text-align:center;
font-weight:bold;
font-size:14px;
}
#nav {
height:22px;
background:url(images/nav_left.gif) no-repeat;
margin:0;
padding:0 0 0 9px;
list-style:none;
line-height:22px;
position:relative;
}
#nav li {
background:url(images/nav_div.gif) right no-repeat;
padding-right:5px;
list-style:none;
float:left;
height:22px;
}
#nav li a {
float:left;
background-color:#560000;
text-align:center;
color:#92774C;
font-weight:bold;
display:block;
width:97px;
text-decoration:none;
height:22px;
line-height:22px;
}
#nav li a:hover {
text-decoration:underline;
}
#nav li.last {
padding-right:9px;
background:url(images/nav_right.gif) right no-repeat;
}
#nav li.last a {
width:101px;
}
#navbot, #navtop, #footer {
height:7px;
line-height:0px;
font-size:0;
background:url(images/nav_bottom.gif) no-repeat;
}
#navtop {
background:url(images/nav_top.gif) no-repeat;
}
#content {
background:url(images/container_right.gif) right repeat-y;
min-height:300px;
padding:5px 10px;
}
* html #content {
height:300px;
}
#footer {
background:url(images/container_bottom.gif) no-repeat;
clear:both;
}
</style>
</head>
<body>
<div id="container">
<div id="header">Extreme Alcohol.com - The homebrewers Favorite bookmark!</div>
<div id="navtop"> </div>
<ul id="nav">
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Brewing Alcohol</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Community</a></li>
<li><a href="#">Links</a></li>
<li class="last"><a href="#">Contact</a></li>
</ul>
<div id="navbot"> </div>
<div id="content">This is content</div>
<div id="footer"></div>
</div>
</body>
</html>
That should work in all modern browsers.