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/

Reply via email to