I’ve got a list with paragraphs in it, yet it’s displaying pretty weird in Firefox and IE.
My HTML is set up like this:
<li><p>content</p></li>
Not weird is it? The paragraph doesn’t have a width and a little (left) margin assigned to it. When the margin is removed it still looks the same. It doesn’t change either when I change the list-style-position back to outside…
This is how it looks:

Anyone familiar with this problem and knows a fix? I’m desperate.
You shouldn’t use
<p>inside a<li>tag. Simply remove the<p>, and everything should work as expected.