Topic: Styling Issue (Firefox Only) - Not Sitting Correctly
I've tried running a search but not too sure what I should be searching for to be honest.
I'm working on the following forum: http://chopaway.com/detroit_cobras/board/index.php - In Internet Explorer it looks how I want it to. In Firefox the wrapper is closing before the forum begins. Screenshots below (note the white background with black border):
Firefox:
Internet Explorer 6.0:
The CSS file isn't too big, can anyone spot the error?
* {
margin: 0;
padding: 0;
}
body {
background: #FFCC00 url("img/background.jpg");
text-align: center;
font: normal 11px/18px verdana, arial, tahoma, sans-serif;
color: #333;
padding-top: 0px;
}
a {
color: #990000;
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
color: #990000;
text-decoration: underline overline;
}
#header {
width: 669px;
height: 210px;
background: #000 url("images/header.jpg") no-repeat;
background-position: top right;
}
#wrapper {
width: 669px;
background: #fff;
border: solid 10px #fff;
margin: 0 auto;
text-align: justify;
}
#main_wrapper {
width: 689px;
background: #000 repeat-y;
background-position: 0 0;
border-right: solid 2px #000;
border-left: solid 2px #000;
border-bottom: solid 2px #000;
margin: 0px auto;
text-align: left;
}
#nav {
list-style: none;
z-index: 2;
border-right: 1px solid #fff;
height: 210px;
width: 150px;
text-align: left;
}
#nav li a {
color: #fff;
font: normal 11px/24px verdana, arial, tahoma, sans-serif;
display: block;
width: 140px;
height: 24px;
background-color: #000;
border-bottom: 1px solid #fff;
padding-left: 10px;
text-decoration: none;
}
#nav li a:hover {
background-color: #990000;
color: #fff;
}
#current a {
background-image: url("images/bullet.gif");
background-repeat: no-repeat;
background-position: 100% 50%;
}
#sidebar {
width: 0px;
background-color: #fff;
float: left;
position: relative;
border-top: 1px solid #fff;
font: normal 10px/18px verdana, arial, tahoma, sans-serif;
padding: 0px;
}
img {
border: none;
}
a img {
display: block;
border: 1px solid #fff;
}
a:hover img {
border-color: #f00;
}
#content {
float: left;
width: 669px;
margin: 0px 0 0 0px;
}
p {
margin-bottom: 10px;
}Or is it a different file that you need to see?
Any help would be greatly appreciated.
Thanks,
Will
