Page Shifting

[jasonyoung]

I think I'm missing something. I have a design where an image is in the top right corner as a login button. I have to set the top div at margin-top:-17px to get the image to the top border. Whats more, this has happened with other pages even when I started coding from scratch. I exclusively code in DW CS3.

The only browser I can get to work properly w/o the -17px is IE7. When I leave it at -17px IE7 displays it too far up on the page so only the bottom-most edge if the image is visible. IE8 needs the -17px, but in compatibility mode it renders well w/o the -17px. FF, Opera, Safari & Chrome all need the -17px.

My CSS and XHTML both validate w/o error. WTF?

I have found when pages use unordered lists it seems to affect the positioning a bit, but I just don't know. If seeing the site is important let me know so I can post the URL.

HELP!!!

[NogDog]

No way to be sure without a link or source code, but I suspect you are dealing with browser-specific default values for the margin/padding of the body element. You could try zeroing them out:

body {
   margin: 0;
   padding: 0;
}

[jasonyoung]

I originally had that. One page has an unordered list gallery, but the main page doesn't have any <ul>'s. I have to add <ul><li></li></ul> to the main page to get it to render properly. If I delete it, the page shifts up. I have it back in now, and it's all good except in IE7 and below. dev url is here .

As it sits now, all pages share the same CSS sheet. Thanks!