1px alignment problem in FF

programming web dev
1

Hi all, im currently designing a layout for a website, but I cannot get my left margin aligned with my banner in FF. It is out by 1px and I have tried everything to sort the alignment apart from absolute positioning.

Can anyone help me out here.

Cheers

Deringer

PS. the layout is fine in IE

Heres the CSS file


html, body{
text-align: center;
font-style:normal;
font-size: 8pt;
font-family: sans-serif;
padding:5px;
}
* 
{
margin: 0;
padding: 0;
border: none;
}
#container{
width:800px;
height:600px;
margin: auto;
text-align:left;
}
#header{
height:93px;
width:800px;
}
#leftMargin{
width:191px;
height:600px;
background-color:#CCCCCC;
margin-left:155px;
float:left;
margin-top:-3px;
margin-left:155px;
}
#mainImg{
width:610px;
height:275px;
float:left;
margin-top:-3px;
}