No replies
lewisbilsland
Offline
Regular
Edinburgh
Last seen: 13 years 4 weeks ago
Edinburgh
Joined: 2007-07-16
Posts: 34
Points: 0

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

























Welcome to Brockie’s Lodge Hotel

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 versions from the 1914 translation.


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.





The Lodge

Brockie's LodgeContrary 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.





Around Beauly

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

Loyalty Card

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

















 

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