Hi, I am re-designing a school site and am having difficulty with some lists that appear on the right hand side of most pages.
I have replaced the standard bullet image with one of my own and this works perfectly in IE6. In all other browsers however the new bullet image does not display unless the text string goes onto the second line. I havent encountered anything like this previusly and am a bit stuck..... Here is a link to the home page of the new design and you can see my faulty lists in action on the right hand side - http://www.macmillan-academy.org.uk/zeltha/index.php Here is the css for the lists - ---------------------------------------------------------------------- #extras ul { margin-top:-10px; } #extras ul li { list-style-type:none; background: url(img/bullet.jpg) no-repeat 5px 5px; line-height:1.3em; list-style-position: outside; margin-left:-40px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 20px; margin-bottom:2px; } ---------------------------------------------------------------------- I would be grateful for any ideas. Many Thanks Adrian... --~--~---------~--~----~------------~-------~--~----~ -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: [email protected] To unsubscribe: [EMAIL PROTECTED] -~----------~----~----~----~------~----~------~--~---
