Absolute position <span> in <li> - strange -

Question

Hi,

So i have a normal list

<ul class="test">
    <li><span><a href="">Gemeente</a><span></span></span></li>
    <li><span><a href="">Openingsuren</a><span></span></span></li>
    <li><span><a href="">Gezondheid</a><span></span></span></li>
</ul>

1: The second <span> is a 100x100 block background image.

2: The list is a normal bulleted list, not floated

3: The <ul> has position:relative, the <li> has not

4: The second <span> is set to position:absolute; top:0px; left:0px;

---

The problem

The second <span> gets positioned relative to the <li> dsf not the <ul>. Why is that?

Answer 1

somebody that could answer this?