Hello,

I wanted to use CSS to put a pseudo-class :after image at the end of a 
navigation list, but IE6 doesn't support those. Even if IE7 might work, there's 
still too many folk with IE6 for me to ignore them.

So ... I included an <img> explicitly in my HTML instead, and it looks just 
fine in FF, but IE6 now inserts a 3-pixel margin or border on the left side. 
For the life of me, I can't get rid of it.

I've tried the IE developer DEVTOOLBAR DOM editor, and the Firefox Firebug 
tool, but I just can't work out how to eliminate the little red 
line/space/margin/padding that appears between the UL and the IMG after the 
"Current Vacancies" menu item on this page:

http://spip.novado.ch/spip.php?article84

The difference can most easily seen if you toggle between IE6 and FF2 versions 
of the same page.

The menu has been constructed using an internal SPAN so that the left and right 
graphics for each option can both change during a HOVER. Rather like sliding 
doors, sort of.

The menu bar may look peculiar, but I am constrained from changing too much of 
the "look and feel". If anyone has an idea how I can eliminate this IE6 vagary, 
I would be most grateful.

Thanks in advance,

Mark
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to