Anne E . Shroeder wrote: > http://www.ddiv.com/clients/voa/final_builds/chinese_news.html > > The problem area is on the right hand side, where the Tabbed > navigation items are. The two buttons are orange and grey, side by > side. They are appearing irregularly in Win 2000/XP on IE6.0 and > IE5.5 with a blue border on either edge (as an image would that is > linked without border="0" or border:none used). I'm wondering if it > is the class "buttonsAlignRight" that is causing this misbehavior? > I'm also thinking this is not a good way to code this, but I had > trouble since these buttons MUST fall along the same line as the > tabs. I would greatly appreciate a guidance to correcting this small > issue.
It is basically that IE6 and older can't sort out a selector like this... #tabsContainerChinese a.noTab:visited:hover ...while at the same time seeing the link as visited so this won't apply... #tabsContainerChinese a.noTab:link ...so IE6 adds the padding only on :hover. The old "ignore !important in same rule" bug/hack for IE6 then kicks in, and gives you 2px of 'background-color : #333ee6;' on each side of the image. That sure looks like "a blue border" on :hover. Cleaning it up to the following... #tabsContainerChinese a.noTab:link, #tabsContainerChinese a.noTab:visited, #tabsContainerChinese a.noTab:hover { text-decoration : none; margin : 0; padding : 0 2px 0 2px; border : none !important; background : none !important; /* display: inline; background-color: #333ee6; */ } ...will make IE6 behave just fine. The styles I've commented out can be deleted completely. regards Georg -- http://www.gunlaug.no ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/