display: list-item; not showing properly

Works in IE and OP

[milanmk]

To make table less design I used the following code to display two boxes side by side and then used display: list-item instead of <li>. This works perfectly fine with IE and OP but FF lists all the bullets on the left side of the floating box.

<style>
#indexFeaturesL
{
float: left;
width: 50%;
padding-left: 30px;
}
#indexFeaturesL span, #indexFeaturesR span
{
display: list-item;
padding-bottom: 10px;
}
</style>

<p id="indexFeaturesL">
<span>1</span>
<span>2</span>
<span>3</span>
</p>
<p id="indexFeaturesR">
<span>4</span>
<span>5</span>
<span>6</span>
</p>

Any suggestions or corrections?

Milan

[Hester]

You haven't floated the second paragraph. Floating it makes the bullets appear on the right box too. However, you then have to make the width less than 50% to allow for the padding!

[milanmk]

Thank you very much Hester, that was it.

Milan