<li></li> issue

Adam H-W · October 24th, 2007, 07:19 AM

I have a list set up[list]
<li>List 1 </li>
<li>List 2 </li>
</ul>

In each of my <li></li> I also have an image placed. However in Firefox the list becomes a jumbled mess because the <li></li> that is below the one above doesn't take into account the image and therefore places it to the right of the first <li></li>

Does anyone know of any css that I can use to counteract this - I can't use clear: because the site is made up of the columns and it will clear the other columns insted.

thanks

Adam

iamrakesh22 · November 5th, 2007, 06:41 AM

Try using the following CSS attribute for the li

Code:

display: list-item;

- Rakesh