<ul> bottom 1 pixel border problem (not the same as below)

[Scatropolis]

This might not be a ul thing but for the life of me why do my tabs on my page have a 1px gap between them and the content?

http://www.scatropolis.com/daveainleyphotography/index.html
http://www.scatropolis.com/daveainleyphotography/style.css

Thanks,
Stephan

[Scatropolis]

Sorry, I forgot to mention that it's in firefox 2.0. In IE 7 the space isn't there, but in an unrelated note the tabs don't have a top white border. Any ideas there? Thanks again.

[al-do]

This would fix your FF problem but FF wont let me edit CSS in IE mode so i dunno how its doing there :)

#header ul {
position:relative;
top:1px;
left:0;
list-style-type:none;
margin-top:0; margin-right:0; margin-bottom:0;
margin-left:1em;
padding:0; }

[Scatropolis]

Well that did fix the firefox problem. It also made the top border in IE show, unfortunately the IE tabs now are 1px deep into the border below it making the border look only skinnier where the tabs are. Actually if I make it "top:0px" the top border in IE shows now, but still has the resizing issues and also the 1px gap in firefox. It does look better than it did before, so thanks.

[al-do]

what do you mean by resizing?

[Scatropolis]

Oh, in IE when I change the text size using the browser (ctrl+mouse wheel or in the menu) the spacing between the text dies.