YUI CSS and list-style-image

How do I add an image to a list if I'm using YUI CSS Grids builder?
It must be something to do with margins or padding.
The code snippet below works, but when I add YUI, my images disappear.

<link rel="stylesheet" href="http://yui.yahooapis.com/2.7.0/build/reset-fonts-grids/reset-fonts-grids.css" type="text/css">


<style type="text/css">
ul {
	list-style-image: url(CSS/Images/arrow.jpg);
}
</style>
</head>
 
<body>
<ul>
<li>List Item One</li>
</ul>
</body>

Open in new window

psennAsked:
Who is Participating?
 
LZ1Connect With a Mentor Commented:
The LI in the CSS is (I think) overriding your code.  
li{list-style:none;}  Replace that with your CSS above.
0
 
psennAuthor Commented:
It needed to to be
ul li
instead of
ul.

0
 
qwerty021600Commented:
ul li
{
        list-style-image: url('CSS/Images/arrow.jpg');
}

also check for the path of the image.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.