Problems with UL / LI As Image Firefox

Discussion in 'CSS' started by mattodue, Jan 14, 2010.

0
  1. #1
    I'm at a loss. I can't get this to work. Any ideas?

    
#menu ul {list-style-type:none;padding:0;margin:0px;}
#menu li {background:url('li.gif') no-repeat center left;padding-left:15px;}
#menu li a {font-family:verdana;font-size:12px;font-weight:bold;color:#000000;text-decoration:none;letter-spacing:-1px;}
    Code (markup):
    
<div id="menu"><ul><li><a href="#">Link Here</a></li></ul></div>
    Code (markup):
    Appreciate any assistance on this. Thanks!
     
    mattodue, Jan 14, 2010 IP
  2. markupdude

    markupdude Peon

    Messages:
    215
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #2
    A page demo would have been much better, but anyway try changing the background part to

    #menu li { background:url('li.gif') left center no-repeat; }

    might be helpful.
     
    markupdude, Jan 15, 2010 IP
  3. mattodue

    mattodue Greenhorn

    Messages:
    54
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #3
    Yeah, sorry, should have probably shown a demo. My bad.

    Appreciate the help. Unfortunately, it did not work for me. I think I'm giving up on showing an image for the li in firefox....tried so many different things.

    Thanks Again!
     
    mattodue, Jan 15, 2010 IP
  4. mattodue

    mattodue Greenhorn

    Messages:
    54
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #4
    Oh, wait...I just missed your post. It's working for you?
     
    mattodue, Jan 15, 2010 IP