# Problem with an image next to a list with custom bullets

**URL:** <https://forum.kirupa.com/t/problem-with-an-image-next-to-a-list-with-custom-bullets/208300>\
**Category:** web dev\
**Created:** [November 27, 2006, 2:02pm UTC](https://forum.kirupa.com/t/problem-with-an-image-next-to-a-list-with-custom-bullets/208300 "2006-11-27T14:02:21Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![CoDe\_ReD](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/code_red/32/336_2.png) [@CoDe\_ReD](https://forum.kirupa.com/u/CoDe_ReD)\
**Post date:** [November 27, 2006, 2:02pm UTC](https://forum.kirupa.com/t/problem-with-an-image-next-to-a-list-with-custom-bullets/208300/1 "2006-11-27T14:02:21Z")

</div>

Hi ppl,

I’m creating a site which features lists with custom bullets. I have an image aligned to the left with the text wrapped around it. Problem is: when the text is a list, the bullets disappear. I’ve tried to fix it with margins but it doesnt work.

[Example](http://www.dommelweb.nl/lists/lists.html)

The CSS I’m using:

```auto

.imageleft
	{
		float: left;
		margin-right: 5px;
		margin-top: 5px;
		margin-bottom: 5px;
		border: 2px #4471A6 solid
	}
	
ul
	{
		margin: 0px 0px 0px 15px;
		padding: 0px;
		list-style: none;
	}

li
	{
		padding-left: 10px;
		background-image: url(bullet.gif);
		background-repeat: no-repeat;
		background-position: 0 5px;
	}

```

And the HTML:

```auto

<body>
	<b>XBox 360</b><br><br>
	<img src="xbox360.jpg" alt="Test" height="100" width="100" class="imageleft">
	<ul>
		<li>Listitem 1</li>		
		<li>Listitem 2</li>
		<li>Listitem 3</li>
		<li>Listitem 4</li>			
	</ul><br>	
	<b>Xbox 360</b><br><br>
	<ul>
		<li>Listitem 1</li>		
		<li>Listitem 2</li>
		<li>Listitem 3</li>
		<li>Listitem 4</li>			
	</ul>
</body>

```