span de ancho variable pero que siempre termine a la misma altura.

[Tecna]

Buenas,

a ver que te parece mi propuesta, probado en firefox y opera

Código HTML:

<dl>
    <dt><em>nombre</em></dt>
    <dd>9</dd>
    <dt><em>nombre mucho pero que mucho mas largo</em></dt>
    <dd>10</dd>
</dl>
 

Código CSS:

dt {
    background: #f2ecf6 url(imagen_patron);
    line-height: 15px;
    margin-right: 30px;
}
 
dd {
    background: #f2ecf6;
    line-height: 15px;
    margin-top: -15px;
    text-align: right;
    width: 30px;
    float: right;
}
 
em {
    background: #f2ecf6;    /* sin color se ve el patron bajo el texto */
    padding-right: 10px;
}