Internet explorer déversant le contenu hors du conteneur

Question

J'essaye de faire une barre qui apparaîtra au-dessus des sites qui appartiennent à la compagnie pour laquelle je travaille.

Je l'ai d'abord développé pour firefox, puis je suis tombé dans l'horreur quand je l'ai vu dans IE. C'est complètement cassé.

Le problème de la ligne de fond est de savoir comment IE fait déborder son contenu quand sa hauteur est définie?

Y at-il un correctif pour cela, ou devrais-je adopter une approche différente?

Voici le code de ma barre actuelle:

#rurbar{ 
font-family:"lucida grande",tahoma,verdana,arial,sans-serif; 
font-size:12px; 
background:#111111; 
color:#FFFFFF; 
border-bottom:1px solid #999999; 
position:absolute; 
height:25px; 
top:0; 
left:0; 
width:100%; 
overflow:visible; 
} 

J'ai quelques menus déroulants dans ce bar, donc je ne peux pas utiliser overflow: hidden.

Answer 1

J'ai testé votre CSS dans IE8, et il se comporte exactement de la même manière que Firefox. C'est; le contenu d'un #rurbar div dont le contenu dépasse la hauteur donnée coule sur le fond du div, mais le div reste le même.

À une exception près. Lorsque la page est rendue en mode quirks, la div s'étire.
Le document est-il rendu en mode Quirks? - Pour le savoir, appuyez sur F12 dans IE8 et recherchez le 'Mode document'. Vous pouvez le changer en un des modes Standard et voir si cela change quelque chose.

Si tel est le problème, alors vous devrez valider le code HTML, de sorte qu'EI n'interrompe pas et passe en mode Quirks.

Answer 2

Aussi, assurez-vous que vous spécifiez un DOCTYPE en haut de votre page, j'ai rencontré quelques bizarreries CSS/JS en oubliant cela.