Ver Mensaje Individual
  #6 (permalink)  
Antiguo 04/01/2011, 15:55
Avatar de jomaruro
jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 22 años, 5 meses
Puntos: 361
Respuesta: Texto del fieldset se desborda del div en Firefox

Hola:

De entrada tienes definido un ancho de 13.9em y un font-size de .9em en #opciones:

Código CSS:
Ver original
  1. #opciones {
  2. position:relative;
  3. float:left;
  4. left:32px;
  5. top:2px;
  6. width:13.9em;
  7. height:600px;
  8. margin:0;
  9. padding:1em .5em 2em .5em;
  10. background:#C6DAE1;
  11. border:2px solid #eeeeee;
  12. font-size:.9em;
  13. }

y en #opciones legend, fieldset un ancho de 14em y un font-size de 12px

Código CSS:
Ver original
  1. #opciones legend, fieldset{
  2. margin:auto;
  3. font-size:12px;
  4. text-align:left;
  5. width:14em;
  6. border-color:#CCC;
  7. }

o sea tienes un ancho del contenido (legend y fieldset) mayor que el contenedor (opciones), no es mucha la diferencia pero todo ayuda.

Depende del resto del diseño pero yo suprimiría el ancho en ambos casos, así se ajusta todo automáticamente.

Saludos.