Bien en todos salvo IE6 e IE5.5

[mbavio]

Bueno, veamos como podria ser el CSS ahora. Voy a darte algunas pistas, porque sino no tiene gracias esto :)
El parrafo de clase tipo (.tipo) deberias ubicarlo en el lugar donde esta aplicando posicionamiento absoluto, con top: 0 y right: 0. Recuerda de poner position: relativo en su padre (o sea el div .caja) para que se ubique con respecto a este.
Luego los margenes entré los parrafos son pan comido, recuerda no ponerles a los parrafos tanto ancho, asi nunca superan la línea de el parrafo .tipo.
Por ultimo, la lista deberias encararla de la siguiente forma:

- a los elementos de lista li, les pones float: left;
- a los elementos interiores a li, span, les pones display:block, y le asignas a cada uno un 33% del ancho.
- por ultimo, a ul le pones overflow: auto para que cubra todos los elementos flotados.

Por ultimo, a el ultimo vinculo dentro del parrafo, .masdetalles, le asignas display: block para que ocupe toda la linea.

Bueno, te he dado las pistas mayores, dejo los detalles para vos.
Espero que pueda haberte ayudado.
Saludos.