Taille minimum d'une div sous IE

Salut tout le monde, super site.

Je débute en css.
Je veux faire une div rouge de 900px en longueur et de 5px en hauteur, je ne désire rien mettre d'autre dedans.

Voila mon code:

.machin {width:150px; height:5px; background-color:red;}

<div class="machin"></div>

Le résultat est bon avec firefox mais pas avec IE, que faire?
J'ai cru remarqué que la taille minimum d'une div est de 20px chez IE, a quoi cela leur sert'il?
Modifié le 03 Feb 2005 - 16:42

Bonjour et bienvenue Viddal26,

Je crois avoir lu quelque part (je ne sais plus où ) que IE utilise la hauteur minimun du texte par défaut, il doit falloir attribuer une taille de texte plus petite pour obtenir ce que tu souhaites.
Mais cette pratique me semble un peu contre nature: utiliser une div vide de 900px pour un effet de présentation ne me dit rien qui vaille. Tu dois bien avoir un autre élément, ou d'autres solutions pour faire apparaitre un trait de 5px rouge dans ta page.

ps:pour le code, merci d'utiliser les balises appropriées en utilisant le bouton éditer de ton premier message.

Oui tu as raison.
Je vais me débrouiller autrement.

C'est mieux comme ça non ?

<div style="background:#FF0;width:150px;height:5px;overflow:hidden;"></div>

Igor a écrit :
il doit falloir attribuer une taille de texte plus petite pour obtenir ce que tu souhaites.
Mais cette pratique me semble un peu contre nature

Igor à 2 fois raison.

Si tu ajoutes font-size:0 sur ta div ça va marcher.
Cependant, pour une bande rouge horizontale peut-être que l'élément <hr /> plus approprié ?
<hr /> étant un peu délicat, voici 2 liens pour s'en sortir :
http://www.alsacreations.com/blog/index.php?2004/11/27/92-supprimer-les-marges-de-la-balise-hr-sous-ie
http://www.ultra-fluide.com/ressources/css/css-hacks.htm#hr