<p><a href="http://biochrom.fivesite.co.uk/catalogue4.asp" rel="nofollow noreferrer">http://biochrom.fivesite.co.uk/catalogue4.asp</a></p>

<p>On the page above there is an image floated to the left. To the right of it is a list, titled "features". The list items have a background image, however, it isn't appearing. List 2 shows how the background image looks.</p>

<p>Does anyone know how I can make the bullets visible?</p>

Your image has a float:left property. The list items are therefore rendered "behind" the image.
```
```
margin-left:200px;
```
```
on the UL element will solve your problem.
Alternatively, you can apply a float:left on your UL-element. This will make it float right to the image, but will make the following content appear on the same line. You can prevent this by
clearing the UL-element
, or adding element after the UL-element with...
```
```
clear:both
```
```
...applied to it.
More information about this behaviour can be found at
http://www.positioniseverything.net/easyclearing.html
.