Yuan Space

try post your css code and html code so i can view your coding for css it would be helpful.. by looking your website isnt a answer for me

thanks.

Not sure about this but you may try margin:0 auto; rather than margin:0 in #head ul

Seems to be a hasLayout problem.
Try display:inline-block; in #skip li a (to set hasLayout then reset to display:inline; if necessary)

@level5 - a live link is the best thing we can ask for. It gives us the full html and css and allows us to perform different tests with development tools.

@nate - I don't have IE7 so I can't test, but have you tried removing the width: 100% declaration?

Naaaaaaaaaaaaate!

Welcome back

Dan's { display: inline-block; } fixed both issues very nicely. Thanks a lot for all the suggestions. Any other suggestions on welcome as well. Glad to be back!

I spoke a little too soon. I added { display: inline-block; } to all the anchor tags, which fixed IE7, but now I have a problem with Safari on Mac. The links in Safari seem to be vertical-aligned top (and to the right?). If I adjust the vertical alignment to fix Safari, of course that lowers the position of the links in IE. Any suggestions?

Edit: Also there is something funky going on with the IE7 when resizing using { display: inline-block; } with the links in the content and the skip links at the top . . . almost there.

did you reset the display to inline (as DanA mentions)?

Setting the links to display: inline-block; will set hasLayout in IE. Resetting to display: inline in a second rule will maintain hasLayout while resetting the display for other browsers. So for instance, reset like this:
#skip li a {
display: inline-block;
margin: 0;
padding: 0;
}

#skip li a {
display: inline;
}

You're right, I should have read that a little closer. Now it looks a lot better, thanks people.

One more issue, now when resizing in IE7, the links in the content box become overlapped. I'm not sure what is going on there . . . so close.

Any suggestions?