absolute div extra spacing in ie?

Hi
on this site http://www.39stepsstudio.com/clients/brockies/index.html above the nav button for home in IE 6 & 7 a small 2px gap appears, in firefox there is no spacing and everything lines up as it should, i have no padding on this nav area and am foxed as to what could be creating this space?

Brockie's Lodge Hotel

Special offer

Our gallery contains an array of different images, from the Lodge Hotel's garden, room types ava.

Book a room

Bookings call: 07786 388 660



Brockie's Lodge Hotel

Kiltarlity, By Beauly,

Inverness-shire, IV4 7HW

M: 07786 388 660

E:

Join our mailing list

Sign up for regular news, offers and information from the lodge

The Lodge

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure. Cicero are also reproduced in their exact original form, accompanied by English.

 

body {margin:0;padding:0; background:#321908; font-family:"Times New Roman", Times, serif; text-align:center;}

a img {border:none;}

#stripe {
margin:0;
padding:0;
width:100%;
height:190px;
background:#40230d url('images/stripe.gif');
position:absolute;
left:0;
top:50px;
}

#main {
margin:0 auto;
padding:0;
padding-top:280px;
width:800px;
margin:0 auto;
overflow:hidden;
background:url('images/bodyBackground.jpg') repeat-y;
position:relative;
text-align:left;
}

#headerImage {
margin:0;
padding:0;
width:800px;
height:240px;
background:url('images/headerImage.jpg');
position:absolute;
left:0;
top:0;
}

#headerBar {
margin:0;
padding:0;
width:800px;
height:189px;
background:url('images/headerBar.jpg') repeat-y;
position:absolute;
left:0;
top:174px;
}

#headerBarBottom {
margin:0;
padding:0;
width:800px;
height:24px;
background:url('images/headerBarBottom.jpg') no-repeat;
position:absolute;
left:0;
top:240px;
}

/*-----------------------------------NAVIGATION----------------------------------------*/

#navigation {
margin:0;
padding:0;
width:196px;
position:absolute;
left:49px;
top:0px;
}

#navhome{
display: block;
width: 196px;
height: 33px;
background: url("images/nav_home.jpg") no-repeat 0 0;}

#navhome:hover{background-position: 0 -33px;}

#navhome span{display: none;}

#navaccomodation{
display: block;
width: 196px;
height: 33px;
background: url("images/nav_accomodation.jpg") no-repeat 0 0;}

#navaccomodation:hover{background-position: 0 -33px;}

#navaccomodation span{display: none;}

#navmenus{
display: block;
width: 196px;
height: 33px;
background: url("images/nav_menus.jpg") no-repeat 0 0;}

#navmenus:hover{background-position: 0 -33px;}

#navmenus span{display: none;}

#navgallery{
display: block;
width: 196px;
height: 33px;
background: url("images/nav_gallery.jpg") no-repeat 0 0;}

#navgallery:hover{background-position: 0 -33px;}

#navgallery span{display: none;}

#navlocal{
display: block;
width: 196px;
height: 33px;
background: url("images/nav_local.jpg") no-repeat 0 0;}

#navlocal:hover{background-position: 0 -33px;}

#navlocal span{display: none;}

#navuseful{
display: block;
width: 196px;
height: 33px;
background: url("images/nav_useful.jpg") no-repeat 0 0;}

#navuseful:hover{background-position: 0 -33px;}

#navuseful span{display: none;}

#navcontact{
display: block;
width: 196px;
height: 33px;
background: url("images/nav_contact.jpg") no-repeat 0 0;}

#navcontact:hover{background-position: 0 -36px;}

#navcontact span{display: none;}

/*-----------------------------------NAVIGATION----------------------------------------*/

#mainWatermark {
margin:0 20px;
padding:0;
width:100%;
}

#mainBottom {
margin:0;
padding:0;
width:800px;
height:30px;
background:url('images/mainBottom.jpg');
}

/*-----------------------------------FOOTER----------------------------------------*/
#footer {
margin:0;
padding:0;
}

#footer .content {
width:760px;
margin:auto;
text-align:left;
height:30px;
}

#footer img {
float:right;
}

#footer p {
text-align:left;
float:left;
font-size:10px;
font-family: Arial, Helvetica, sans-serif;
color:#665c44;
line-height:14px;
}

#footer a {
color:#7d735c;
text-decoration:none;
}

#footer a:hover {
color:#8f7e4d;
text-decoration:none;
}

p {
margin:0;
padding:10px;
line-height:14px;
}

/*-----------------------------------HEADER----------------------------------------*/

#headerBarBackground {
margin:0;
padding:0;
padding-left:470px;
height:189px;
background:url('images/headerHome.jpg') 245px 0px no-repeat;
}

#headerBarBackground.about {
background:url('images/headerAbout.jpg') 245px 0px no-repeat;
}

#headerBarBackground.wines {
background:url('images/headerWines.jpg') 245px 0px no-repeat;
}

#headerBarBackground.press {
background:url('images/headerPress.jpg') 245px 0px no-repeat;
}

#headerBarContents {
width:290px;
padding-top:20px;
}

#headerBarContents p {
margin-top:10px;
padding:0;
color:#F5E7D6;
font-size:12px;
line-height:16px;
}

#headerBarContents h1 {
margin-top:10px;
margin-bottom:0px;
padding:0;
color:#80684D;
font-size:30px;
font-weight:normal;
}

#headerBarContents a {
color:#FF0000;
text-decoration:none;
}

/*-----------------------------------SIDEBAR----------------------------------------*/

#sideBar {
float:left;
width:252px;
}

#sideBarContent {
margin:0;
margin-left:39px;
margin-right:37px;
margin-top:23px;
padding:0;
}

div.hr {
border-top:1px solid #e8ddc2;
background:#f8f3e7;
height:1px;
font-size:1px;
margin:10px 0px 10px 0px;
}

#sideBarContent h1 {
margin:0;
padding:10px 0;
color:#80684D;
font-size:18px;
font-weight:normal;
}

#sideBarContent p {
font-size:11px;
font-family: Arial, Helvetica, sans-serif;
color:#baaa81;
padding:0;
margin:0px 0px 10px 0px;
}

#sideBarContent a {
color:#CC0000;
}

#sideBarContent a:hover {
color:#CC0000;
text-decoration:none;
}

/*-----------------------------------CONTENT----------------------------------------*/

#content {
float:left;
width:490px;
}

#content #contentTop {
height:18px;
background:url('images/contentTop.gif');
}

#content #contentMain {
background:url('images/contentBackground.jpg');
}

#content #contentBottom {
height:23px;
background:url('images/contentBottom.gif');
}

#content p {
font-size:12px;
line-height: 16px;
color:#baaa81;
font-family: Arial, Helvetica, sans-serif;
margin:0;
padding:10px 20px;
}

#content h1 {
font-size:21px;
color:#655634;
font-weight:normal;
text-align:left;
margin:0;
padding:10px 20px;
}

#content h2 {
font-size:16px;
font-weight:normal;
text-align:left;
color:#655634;
margin:0;
padding:0;
margin:10px 20px;
margin-bottom:0;
}

#content h3 {
font-size:14px;
color:#2A1B00;
margin:0;
padding:0;
margin:10px 20px;
margin-bottom:0;
}

#content div.divider {
clear:both;
text-align:center;
background:url('images/dividerLine.gif') repeat-x;
margin:0 10px;
}

#content .imageRight {
float:right;
margin-left:10px;
margin-right:0px;
}

#content a {
color:#CC0000;
}

#content a:hover {
color:#CC0000;
text-decoration:none;
}

div.clear {clear:both;}

/*-----------------------------------FORM----------------------------------------*/

.formtext{
font-size: 11px;
color: #655634;
height: 18px;
background-color: #f8f3e7;
border: 1px solid #efe3c1;
font-family: Arial, Helvetica, sans-serif;
}

#formfield{
padding: 0px 0px 0px 0px;
}
.formbutton{
}
form {
margin:0;
padding:0;
}

/*-----------------------------------HOME PAGE COLUMNS----------------------------------------*/

#col-one {
float: left;
width: 210px;
}

#col-one p {
font-size:11px;
line-height: 14px;
color:#baaa81;
font-family: Arial, Helvetica, sans-serif;
margin:0;
}

#col-two {
float: right;
width: 210px;
}

#col-two p {
font-size:11px;
line-height: 14px;
color:#baaa81;
font-family: Arial, Helvetica, sans-serif;
margin:0;
}

.dialog {
width:455px;
margin:0px auto;
min-width:20em;
color:#fff;
}

.dialog .hd .c,
.dialog .ft .c {
font-size:1px; /* ensure minimum height */
height:13px;
}

.dialog .ft .c {
height:14px;
}

.dialog .hd {
background:transparent url(images/tl.gif) no-repeat 0px 0px;
}

.dialog .hd .c {
background:transparent url(images/tr.gif) no-repeat right 0px;
}

.dialog .bd {
background:transparent url(images/ml.gif) repeat-y 0px 0px;
}

.dialog .bd .c {
background:transparent url(images/mr.gif) repeat-y right 0px;
}

.dialog .bd .c .s {
margin:0px 8px 0px 4px;
background:#f9f5ea url(images/ms.jpg) repeat-x 0px 0px;
padding:5px;
}

.dialog .ft {
background:transparent url(images/bl.gif) no-repeat 0px 0px;
}

.dialog .ft .c {
background:transparent url(images/br.gif) no-repeat right 0px;
}

html>body .dialog pre {
font-size:1.1em;
}

Any help would be great!

Cheers - Lewis