css active nav link adding more padding in explorer

[focus360]

Ok the problem is in internet explorer.

Click on commissions in the left hand "shop" nav.
The arrow looks wrong. i.e. the css background image is rendering wrong.

Check the links to reproductions and originals which all work good.

I believe that Internet explorer seems to add some extra padding to the commissions link? (as displayed when you highlight it)

I have been trying to rectify this for a number of days now - with no luck. Ive search css sites but not been able to find refference to the bug.

Does anyone at zen have any ideas?

The site is at http://www.bluesurfart.com

[jgamio]

I am not sure because i havent tested but try these

you have
#categoriesContent A.category-top SPAN.category-subs-parent{
position:relative; left:-15px;
padding-left:15px;
background-image:url(../images/arrow.gif);
background-repeat:no-repeat;
background-position:-140px 4px;

}

maybe IE use twice the image from
and the A.category-topSPAN.category-subs-parent
why dont try just

SPAN.category-subs-parent{
position:relative; left:-15px;
padding-left:15px;
background-image:url(../images/arrow.gif);
background-repeat:no-repeat;
background-position:-140px 4px;

}


i know is not a tecnical opponion but some times works with IE