firefox adds pixels or margins to divs?

Posted: Fri, 2008-11-21 09:14

hello there can anyone help me with this problem. Im creating a website in a different way to how i usually do and for some reason anything outside my #outerPicture div is pushed down about 5 pixels in firefox. I have set margins and padding to 0 on all divs so cant figure it out.

the website is at

http://www.broken-window.co.uk

any help would be great thanks

here is my css so far

"
html,body {
color:#5B5B5B;
font: normal 95%/1.5em Geneva, Arial, Helvetica, sans-serif;
background: #FFFFFF;
margin:0px;
padding:0px;
background:url(../images/bodyBg.jpg) repeat-x;
}

h1 {
text-align:center;
font-size:15px;
color:#FFFFFF;
margin:0px;
padding-top:10px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:400;
letter-spacing:1px;
}

h2 {
text-align:center;
font-size:14px;
color:#333333;
margin:0px;
padding-top:2px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:400;
letter-spacing:1px;
}

#outerPicture {
width:100%;
margin:0px;
padding:0px;
background:url(../images/outerPicture.jpg) top center no-repeat;
}

#header {
margin:auto auto;
margin-top:0px;
margin-bottom:0px;
width:800px;
height:180px;
padding:0px;
}

#contact {
position:absolute;
top:150px;
margin-left:385px;
height:28px;
margin-bottom:0xp;
padding:0px;
font-size:12px;
}

#contact ul{
list-style:none;
height:15px;
margin:0px;
padding:0px;
}

#contact li{
list-style:none;
height:20px;
margin:0px;
padding:0px;
}

#contact a:link{
text-decoration:none;
margin:0px;
padding:0px;
color:#FFFFFF;
}

#contact a:visited{
color:#FFFFFF;
margin:0px;
padding:0px;
text-decoration:none;
}

#contact a:hover{
color:#a5dcf1;
margin:0px;
padding:0px;
text-decoration:none;
}

#contact a:active{
color:#FFFFFF;
margin:0px;
padding:0px;
text-decoration:none;
}

#included {
margin:auto auto;
margin-top:0px;
margin-bottom:0px;
width:800px;
height:223px;
padding:0px;
font-size:14px;
}

#included ul{
margin:0px;
padding:0px;
}

#included li{
margin:0px;
padding-left:27px;
padding-bottom:0px;
list-style:none;
letter-spacing:1px;
color:#FFFFFF;
height:25px;
background:url(../images/arrow.png) no-repeat;
}

#includedList {
width:340px;
margin-left:10px;
margin-top:14px;
margin-bottom:0px;
padding:0px;
}

#wrapper {
margin:auto auto;
margin-top:0px;
margin-bottom:0px;
width:800px;
padding:0px;
}

#wrapper p{
margin:0px;
padding:0px;
}

#services {
float:left;
margin:0px;
padding:0px;
width:350px;
}

#serviceList {
width:344px;
height:206px;
margin-top:0px;
padding-top:0px;
margin-left:4px;
font-size:10px;
background:url(../images/serviceBg.jpg) no-repeat;
text-align:center;
}

#serviceList ul{
margin:0px;
padding:0px;
}

#serviceList li{
margin:0px;
padding:0px;
height:30px;
list-style:none;
}

#float1 {
float:left;
width:150px;
margin-top:10px;
margin-left:15px;
}

#float2 {
float:left;
width:150px;
margin-top:10px;
margin-left:15px;
}

#serviceBranch {
width:344px;
height:206px;
margin-left:4px;
margin-top:0px;
background:url(../images/serviceBranchBg.jpg) no-repeat;
}

#branches {
margin-top:5px;
margin-left:5px;
margin-right:5px;
height:164px;
overflow:auto;
}

#branches ul{
padding:0px;
margin-right:10px;
margin-left:10px;
margin-top:1px;
}

#branches li{
display:inline;
}

#content {
margin-top:0px;
padding:0px;
padding-right:0px;
margin-left:350px;
}

#content p{
margin-left:10px;
margin-right:10px;
padding-top:0px;
margin-top:0px;
}

#clear {
height:1px;
margin-top:10px;
margin-bottom:0px;
margin-right:40px;
margin-left:41px;
padding:0px;
border:none;
clear:both;
}
"