CSS Firefox Help

[lawrencejay]

If anyone feels like taking a look at the following I could use some ideas. I am working on a new template/site. I have put together all the pages and it looks great in IE, however when I view in Firefox the browse and about pages are shifting way down on the page, it appears they are picking up the "wrapper" from the index. page.

Any thoughts are much appreciated.

site:
http://www.everthink.com/etblog/index.php

... I use style switcher for the background color... so there are two style sheets. code for the white one below:

body {
background:#FFFFFF;
margin:10px;
padding:0px;
text-align:center;
font-size:11px;
color:#333333;
font-family:Tahoma;
}
#wrapper {
margin:0px auto;
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
width:820px;
text-align:left;
}
#index_wrapper {
margin:0px auto;
padding-top:50px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
width:820px;
text-align:left;
}
#logo {
background:url(whitelogo.jpg) no-repeat;
width:107px;
float:left;
height:80px;
padding-left:3px;
margin-top:12px;
}
#switcher {
border:1px solid #666666;
margin:0px;
}
#footer {
width:405px;
height:30px;
padding:5px;
text-align:center;
color: #999999;
}
#footer a {
text-decoration:none;
color: #999999;
}
#footer a:hover {
color: #cccccc;
}
#info {
width: 600px;
height: 10px;
padding-left:5px;
font-size:11px;
text-align:left;
float:left;
margin-left:0px;
margin-top:72px;
}
#info a {
text-decoration:none;
color: #3399CC;
}
#info a:hover {
text-decoration:none;
color:#333333;
}
#index_info {
width: 600px;
height: 10px;
padding-left:0px;
font-size:11px;
text-align:left;
float:left;
margin-left:0px;
margin-bottom:30px;
}
#index_info a {
text-decoration:none;
color: #3399CC;
}
#index_info a:hover {
text-decoration:none;
color:#333333;
}
#comments {
width: 620px;
height: 10px;
padding-left:0px;
font-size:11px;
text-align:left;
float:left;
margin-top:58px;
margin-left:0px;
margin-bottom:5px;
}
#comments a {
text-decoration:none;
color: #3399CC;
}
#comments a:hover {
text-decoration:none;
color:#333333;
}
#image {
border:1px solid #666666;
margin:0px;
padding:6px;
background:#E9E9E9;
}
#image-navigate {
height:5px;
width:30%;
float:right;
margin-top:5px;
margin-right:2px;
}
#image-navigate a {
text-decoration:none;
color: #3399CC;
}
#image-navigate a:hover {
text-decoration:none;
color: #3399CC;
}
.image-previous {
float:right;
}
.image-next {
float:right;
}
#thumbs{
margin-top:110px;
}
#thumbs img{
width:75px;
padding:15px;
border:1px solid #333333;
margin:5px;
}
#about{
margin-top:110px;
padding-top:25px;
}

[Joe[y]]

looks fine on firefox 1.5 on winxp.

what do you mean the wrapper from the index?