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/