Can't remove gap!

Hi. There is a gap in my layout that appears in both Firefox and IE. I CANNOT remove it no matter what I try and I really need help with this. I'm sure it's something easy that I've just overlooked.

If you can't see it, it's the slight gap between the Banner image and the main layout body.

URL is (replace $ with s and 1 with i). View source for stylesheet info & code.

Any help is greatly appreciated.

 

Where is Your Url :O

I cant Find It Anywhere in Your thread!!

~ExP~

 

Hi buddy, the url is in that image. I put it in an image to stop google indexing my URL. I also further scrambled it. Replace the $$ to ss and 1 to i and you got the URL That's probably a job to do in itself lol

 

Replace

With

#inner {
background-color:#FFFFFF;
border-color:-moz-use-text-color #000000 #000000;
border-right:1px solid #000000;
border-style:none solid solid;
border-width:medium 1px 1px;
padding:1em;
margin-top:-3px;
}

Code (markup):

Well, Its not recommended to use Negative margins, But It works and is easy too!

~ExP~

 

Thanks for that very helpful. Tt's fixed in FF3.6.8, but I don';t have IE installed. Can someone confirm IE?

Thanks