¿Por qué estos “span” dentro de una “a” fallan al usar IE7?

Tengo este código:

HTML (es decir, 4.0)

 

CSS (significado 2)

 .temperatura { height:34px; position:relative; background-color:#FF0000; } .temperatura_localita { width:50%; height:34px; line-height:34px; float:left; } .temperatura_dettagli { width:50%; height:34px; line-height:34px; float:left; text-align:right; } 

y esto es lo que necesito:

  • la temperatura del contenedor está vinculada a https://stackoverflow.com/link/ ;
  • cada a es 50% y el enlace tiene un relleno (izquierdo o derecho);

en Firefox / Chrome / IE8 / IE9 no hay problema. En IE7, al boost / desacosticar (horizontal) la ventana, el segundo enlace tiene una nueva línea.

¿Por qué? Y, ¿cómo puedo solucionar esto?

Creo que esto se debe a tu división del 50% / 50%. IE7 está presionando el segundo enlace a una nueva línea cuando el número de píxeles del div es impar, pero mantiene la posición correcta cuando es par. Cambiar ambos anchos al 49% resuelve el problema.