what is the procedure for this?

[cybershot]

I have a box that is 400px by 300px, I have two ul lists in the box. I want them side by side. So I do #listOne and #listTwo,
I put position: abslolute; on both, and listOne is top: 0; left: 0; listTwo is top: 0; right: 0;. Ok, so now both lists are sitting next to each other. One on the right and the other on the left. Perfect, that’s exactly what I wanted. So now, Underneath the two lists, I want a paragraph of text. But since the list have absolute positioning on them, the text won’t sit underneath them. It instead sits on top of them. I know I can wrap another few divs around the list for positioning, But I was wondering what the preferred coding method is. Is there a web standard for this issue?

[TheDoc]

<div class="box">

<ul style="float:left;">
<li>asdf</li>
</ul>

<ul>
<li>asdf</li>
</ul>

<div style="clear:both;"></div>

<p>paragraph</p>

</div><!–close box–>

This is what I would do… minus the inline styles of course.

[TheDoc]

On second thought, you could just apply the clear to the <p> tag itself.

[Author]

Posts