Hello I have a breadcrumb which wraps over two lines. I'd like to have an arrow appear to the left of each link in the breadcrumb, and I'd like preferably to split links over two lines where necessary, or alternatively to have breadcrumbs appear whole on the new line where they would otherwise be split. I cannot make either option work in Internet Explorer 6.
The current output in IE6 looks like this (arrows before links 3 and 5 are missing) -> link number one -> link number two link number three -> link number four link number five This is what I am aiming for (all arrows are present) -> link number one -> link number two -> link number three -> link number four -> link number five I have tried including the image in the HTML but then there's nothing to stop the image appearing on one line and the start of the link text on the next line, which is not desirable. Here is some test code which shows the problem. This works fine in Firefox but in IE, the arrow does not appear before links which are split over two lines. Thanks in advance for any help you can offer <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> <html> <head> <style type="text/css"> ul{ width:500px; } li{ display:inline; } a{ background-repeat:no-repeat; background-image:url(http://www.cmswire.com/images/arrow_small-black.gif); background-position:1px 5px; padding-left:30px; } </style> </head> <body> <ul> <li><a href="#">One two three five</a></li> <li><a href="#">One two three four five</a></li> <li><a href="#">One four five</a></li> <li><a href="#">One two three four five</a></li> <li><a href="#">One </a></li> <li><a href="#">One two three four five</a></li> <li><a href="#">One two three four five</a></li> <li><a href="#">One two three four five</a></li> <li><a href="#">One two three four five</a></li> </ul> </body> </html> Mark Rees ______________________________________________________________________ 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/
