Como superponer un span sobre otro sin usar position:absolute

[rodojpm]

Estoy tratando de poner un span sobre otro y no lo logro, aquí esta mi código html:

Código HTML:

<ul id="notificationsList">
    <li>
        <span class="dates">
            2/12/2013
            <span class="eDate">
                31/12/2013
            </span>
        </span>
        <span class="eContent">
            This is the content of the notification
        </span>
    </li>
</ul> 

And my code css

Código:

#notificationsList li
{
    height:30px;
    background:#ccc;
}
.dates{
    font-size:11px;
    float:left;
    height:30px;
    width:100px;
    background:red;
}
.eDate{
    display:block;
}
.eContent{
    position:relative;
    margin-left:-100px;
    display:block;
    font-size:18px;
    padding-top:5px;
}

I want to put .eContent under .date

[C2am]

Algo así:
http://jsfiddle.net/c2am/jQ4t4/3/embedded/result/

[pzin]

¿Por qué no quieres usar una posición absoluta? Para casos así es perfectamente válido.