471,605 Members | 1,473 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,605 software developers and data experts.

Tabs - glitches in IE


I'm fairly new to CSS...

Can anyone explain why the tabs at http://www.hardingweb.net/menu-demo/ work okay in Firefox 2, work ok-ish in Opera 9.22 (seem to be raised 1or 2 pixels from the bottom) and yet appear blocky in IE 6 & 7 with the rounded corners obliterated.

If I remove the line:

padding-top: 5px;

then that seems to fix it although I do really want the padding to add height to my tabs.

Does anyone have any thoughts?

Oct 5 '07 #1
1 1086
7,435 Expert 4TB
The potential problems are that you are using an incomplete doctype which puts IE into quirks mode. Also, you use a xhtml end tag for the link, the />, but declare html. See the article about doctypes under Articles above.
Oct 5 '07 #2

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

1 post views Thread by Dan Jacobson | last post: by
1 post views Thread by Bill Gates | last post: by
135 posts views Thread by Xah Lee | last post: by
35 posts views Thread by Ben | last post: by
1 post views Thread by =?Utf-8?B?cGhpbA==?= | last post: by
1 post views Thread by XIAOLAOHU | last post: by
reply views Thread by leo001 | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.