Hi there,

I've created the following 3-column layout and for some reason there's an extra 10pixels margin/padding on the far right of the wrapper in internet explorer - does anyone know why this is the case ?

Would really appreciate some help

Thanks



html, body, ul, ol, li, dd, dt, img, a, p, h1, h2, h3, h4, h5, h6, form, table, tr, td, fieldset {margin: 0;
padding: 0;
border: 0;
}


body{
color: #000000;
font-family:Georgia, "Times New Roman", Times, serif;
margin: 0;
padding: 0;
text-align: center;
background: #FFFFFF url(bg5w2g.jpg) repeat-x;
}



#wrapper{
width: 775px;
text-align:left;
margin-right: auto;
margin-left: auto;
text-align: left;
font-family: "Times New Roman", Times, serif;
padding-left: 10px;
border-top: 0px solid #999999;
border-right: 1px solid #999999;
border-bottom: 0px none #999999;
border-left: 1px solid #999999;
background: #FFFFFF repeat-y left;
}

#acc0{
width: 765px;
display: block;
}
#wrapper #headb #boxa button {
height: 25px;
width: 25px;
color: #FFFFFF;
background: #00008A;
font: 12px "Times New Roman", Times, serif;
}
tr {
border-top: thin solid #000000;
}


.table1 {
text-align: left;
border-top: thin solid #000000;
font-size: 100%;
}
.lh1 {
line-height: 29px;
}
.btc1 {
border-top: 1px solid #000000;
text-align: left;
}
.btc2 {
border-top: 1px solid #000000;
text-align: left;
}


.order {
float: right;
}

#wrapper #main #maincolb .table1 tr {
border-top: thin solid #000000;
}


#wrapper #headb #boxa #jump-button {
width: 90px;
color: #000000;
text-align: left;
background: #FFFFFF;
}


#acc1{
color: #FFFFFF;
overflow: hidden;
text-align: center;
height: 25px;
width: 765px;
display: block;
}
#wrapper #acc0 #acc1 a {
color: #FFFFFF;
display: block;
text-decoration: none;
}
#wrapper #acc0 a:hover {
background: #333333 url(skiptocont1.gif);
text-decoration: none;
display: block;
}
#wrapper #acc0 a {
background: #FFFFFF;
text-decoration: none;
}



#acc2{
float: right;
font-size: 13px;
letter-spacing: 0.7px;
color: #FFFFFF;
text-align: left;
display: none;
}
#wrapper #acc0 #acc2 a {
color: #FFFFFF;
}




#heada{
width: 765px;
height: 105px;
padding: 0px 0px 5px;
border: 0;
clear: both;
}

#image{
width: 145px;
float: left;
text-align: center;
background: url(blue%20dark%20holborn%20chambers%20logo%20head.gif) no-repeat;
height: 105px;
padding: 0px;
border-width: 0px;
}

#title{
margin-right: 155px;
margin-left: 155px;
position: relative;
text-align: left;
color: #000066;
height: 105px;
border-top: 0px;
border-right: 0px;
border-bottom: 0px;
border-left: 0px;
}
#wrapper #heada #title p {
position: relative;
left: 0px;
top: 0px;
font-weight: bold;
text-transform: uppercase;
padding: 0px;
width: 400px;
color: #000066;
}


#address{
width: 145px;
float: right;
position: relative;
text-align: center;
border-top: 1px solid #000066;
border-right: 0px none #000066;
border-bottom: 1px solid #000066;
border-left: 0px none #000066;
padding: 5px 0px 0px;
height: 98px;
font-size: 0.8em;
color: #00008A;

}

.legs {
background: #FFFFFF no-repeat;
}
#wrapper #headb #boxc .style3 {
line-height: 0.9em;
}




#nav1{

border-width: 0px;
}

#nav2 {
padding: 0px;
border-width: 0px;color: #000000;
margin: 0px;
clear: both;
}

#nav2 li {
margin: 0 10px 0 0;
list-style: none;
display:block;
height: 50px;
width: 145px;
float:left;
border-width: 0px;


}

#nav2 ul li a {
font-size: 12pt;
color: #FFFFFF;
text-decoration: none;
border-right: 0px solid #000000;
text-align: center;
padding: 0px;
margin: 0px;
background: #00008A;
height: 47.6px;
width: 145px;
display: block;
font-weight: bold;
line-height: 3em;
text-transform: uppercase;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;



}
h2 {
color: #00008A;
font-size: 110%;
text-align: left;
}


#headb{
padding: 5px 0px 0px;
height: 150px;
width: 765px;
clear: both;
}

#boxa{
width: 145px;
height: 162px;
float: left;
position: relative;
text-align: left;
border-top: 0px none #000000;
border-bottom: 1px solid #333333;
border-right-width: 0px;
border-left-width: 0px;
border-right-color: #000000;
border-left-color: #000000;
background: url(quicklinks%20.gif) no-repeat;
}

#boxb{
text-align: center;
background: url(cr15142038zoomed%20brighter%20larger%20other%20bright.jpg) no-repeat center center;
border-top: 0;
border-bottom: 0;
margin: 8px 0px 0px;
border-right-width: 0px;
border-left-width: 0px;
}
#pad {
padding-top: 0px;
margin-right: 155px;
margin-left: 155px;
background: url(cr15142038zoomed%20brighter%20larger%20other%20bright.jpg) no-repeat center;
height: 153px;
border-top: 1px solid #333333;
border-right: 0px solid #000000;
border-bottom: 1px solid #333333;
border-left: 0px solid #000000;
margin-top: 8px;
}


#boxc{
width: 145px;
float: right;
position: relative;
border-top: 0px none #000000;
border-bottom: 1px solid #333333;
background: url(toolbox.gif) no-repeat 0px 1px;
padding-bottom: 12px;
font-size: 0.9em;
text-align: center;
color: #000000;
line-height: 0.8em;

}
#wrapper #heada #title p {
position: relative;
left: 0px;
bottom: 16px;
}
#wrapper #heada #title #posi {
position: relative;
top: 90px;
right: 1px;
font: bold 16px "Times New Roman", Times, serif;
}



#main{
width: 765px;
clear:both;
position: relative;
padding-top: 15px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
}

#maincola{
width: 144px;
float: left;
position: relative;
text-align: center;
}

#maincolb{
width: 455px;
margin-right: 155px;
margin-left: 155px;
position: relative;
text-align: center;
}

#maincolc{
width: 145px;
padding: 0px;
float: right;
position: relative;
text-align: center;
}

#footer{
width: 765px;
height: 0;
margin: 0;
padding: 0;
clear:both;
position: relative;
text-align: center;
}
#wrapper #headb #boxc .style9 {
line-height: 0.5em;
}
label {
display: block;
float: left;
width: 10em;
text-align: left;
}
.submit {
color: #FFFFFF;
background: #000066;
margin-left: 10em;
border: thin solid #00CCFF;
}

form {
text-align: left;
}
.nam {
clear: both;
float: left;
width: 130px;
text-align: left;
}
.year {
float: left;
width: 70px;
text-align: left;
}
.hrc {
clear: both;
float: left;
width: 454px;
line-height: 0px;
}

.exp {
float: left;
width: 134px;
text-align: left;
}
.lang {
float: left;
width: 120px;
text-align: left;
}



<body>
<div id="wrapper">
<div id="acc0">
<div id="acc2"><a href="accessibility.html">Accessibility</a>|<a href="sitemap.html"> Sitemap </a></div>
<a href="#main">
<div id="acc1">skip to content....</div>
</a></div>
<div id="heada">
<div id="image"></div>
<div id="address">
<p>useful info</p>
<p>tel</p>
<p>address </p>
</div>
<div id="title">
<div id="posi">soundbite</div>
</div>
</div><div id="nav1">
<div id="nav2"><ul>
<li class="legs"></li
>
<li><a href="#">nav1</a></li
>
<li><a href="#">NAv2</a></li
>
<li><a href="#">Nav3</a></li
>
<li><a href="#">Nav4</a></li
>
</ul>
</div></div>
<div id="headb">
<div id="boxa">
<p>&nbsp; </p>
<p align="center">

<p align="center">
<p>&nbsp;</p>


</p>
<p>&nbsp;</p>
</div>
<div id="boxc">
<p>&nbsp;</p>

<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
<div id="pad"></div>
</div>
<div id="main">
<div id="maincola">
<p>this is some sample text this is some sample text this is some sample text </p>
</div>
<div id="maincolc">this is some sample text this is some sample text this is some sample text this is some sample text this is some sample text this is some sample text</div>
<div id="maincolb">



<h2>Header</h2>
<p>&nbsp;</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam consequat, dolor et sodales porttitor, dui justo congue mi, non eleifend augue ligula in mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent massa dui, fermentum quis, convallis eget, congue non, dui. Integer posuere sapien eu risus imperdiet ultrices. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris gravida. Praesent nec urna vitae augue tincidunt fringilla. Pellentesque ipsum ante, elementum eget, lacinia ac, mattis vel, neque. Nullam nonummy adipiscing tortor. Donec dignissim erat non leo. Aliquam tortor nisi, cursus nec, eleifend id, mattis eget, lorem. Phasellus fringilla. Nulla facilisi. Pellentesque tincidunt odio sit amet eros. Proin sit amet lectus quis eros vehicula lacinia. Ut et elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. </p>
<p>Donec blandit, sapien et posuere rhoncus, dolor est ullamcorper arcu, non rhoncus sapien quam congue arcu. Vivamus nibh mauris, iaculis at, gravida ac, hendrerit eu, justo. Aliquam vehicula molestie enim. In feugiat vestibulum sem. Vivamus diam felis, cursus eu, ornare ac, venenatis et, arcu. Nulla suscipit ligula consequat nisl. Sed at risus in magna eleifend dignissim. Phasellus sapien velit, vehicula sed, ultricies a, consequat eu, lectus. Sed libero purus, consequat rhoncus, sodales non, hendrerit ac, nibh. Sed leo magna, sagittis in, tempus adipiscing, aliquam eget, metus. Curabitur luctus justo a dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus in magna et ligula volutpat feugiat. Aliquam erat volutpat. Nulla placerat, lorem ac commodo pharetra, enim magna facilisis sem, at laoreet augue enim accumsan diam. In consequat nulla ut elit. Pellentesque venenatis urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p>
</div>
</div><div id="footer">footer</div>
</div>
</body>