Por lo que he visto es 100% estandar con XHTML y CSS, y al margen de Doctypes, funciona en cualquier navegador de los conocidos (a.k.a. todos los estandares e IE 5 y 6). Mi solución también, salvo que no funciona en IE 5, pero está claro que puedes usar la que prefieras, que para eso ambas son válidas dentro de los parámetros de estandarización y accesibilidad.
Aunque los tiros van realmente por otro lado, una vez sabemos que ambas soluciones cumplen con los estándares (aunque al pasárselos por el forro IE 5, la mía no funcione en éste), lo que hay que preocuparse es por el del XHTML semántico. Es decir, ¿aporta algo o es necesaria la etiqueta SPAN?
Tienes la desventaja por una parte, de que es una etiqueta extra (aunque bueno, también lo son los miles de DIV's que se pueden llegar a usar con CSS), y la ventaja de que, al igual que los DIVs, no tiene ningún significado semántico, por lo que los agentes de usuario no lo interpretan como algo que no debiera ser (es decir, para Google, por ejemplo, no deja de ser un título, un SPAN o un DIV no significan nada, son etiquetas vacías de semántica, más allá de la acción de "separar" contenido de cara a la presentación)
Puede parecer una discusión un poco pija o tonta, pero la idea realmente es el tratar de no caer en la "divitis", o en este caso "spanitis" xDDD Siempre que se pueda evitar poner un DIV o un SPAN extras, mejor que mejor (es una postura muy purista, pero ya que hablamos de hacer un trabajo fino, siempre hay que pensar en estas cosas
) Eso no quita que a veces coloquemos algún que otro DIV de más que nos dé mayor libertad con el diseño, pero siempre es preferible evitarlo. En este caso no veo que sea un problema usar el SPAN porque es una solución a un problema muy particular, pero no debiera ser la norma.
Si buscas un código XHTML limpio y estandar, usa mi solución; Si buscas un código no tan limpio, pero igualmente estandar y compatible además con IE5, está claro, usa la tuya
