DIV-Container wird nicht angezeigt!

[bauchinj]

Hallo! hab folgende Struktur:

<div class="root">
  <div class="categorie">
  </div>
</div>

Problem ist, dass im Firefox alles wunderbar läuft, aber im IE (8) der Container categorie nicht angezeigt wird?! Hab jetzt schon ziemlich viel rumgepfuscht, hier mal mein CSS:

div.categorie{
    width: 460px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    min-height: 350px;
    padding-top: 40px;
    display: block;
}

div.categorie{
     height: 100%;
     width: 200px;
     background-color: green;
     display: block;
     visibility: visible;
}

div.categorie{
     width: 460px;
     margin-top: 0px;
     margin-right: auto;
     margin-bottom: 0px;
     margin-left: auto;
     min-height: 350px;
     padding-top: 40px;
     display: block;
}

div.categorie{
     height: 100%;
     width: 200px;
     background-color: green;
     display: block;
     visibility: visible;
}

div.root div.categorie{
     margin-left: 0px;
     width: 450px;
     height: 100px;
}

div.root div.categorie{
     height: 100%;
     width: 200px;
     background-color: green;
     display: block;
     visibility: visible;
}

div.root div.categorie{
     margin-left: 0px;
     width: 450px;
     height: 100px;
}

div.root div.categorie{
     height: 100%;
     width: 200px;
     background-color: green;
     display: block;
     visibility: visible;
}

Hoffe es kann jemand was damit anfangen....

Danke für eure Antworten!

 

[Maik]

Moin,

kann ich mit deinem vorgestellten Code nicht reproduzieren, respektive bestätigen:



Warum wiederholst du überhaupt im Stylesheet alle Deklarationsblöcke?

Und was hat es mit den widersprüchlichen Regeln auf sich?

div.categorie{
    width: 460px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    min-height: 350px;
    padding-top: 40px;
    display: block;
}

div.categorie{
     height: 100%;
     width: 200px; /* Widerspruch zur width:460px-Regel zuvor */
     background-color: green;
     display: block;
     visibility: visible;
}

div.categorie{ /* Wiederholung */
     width: 460px;
     margin-top: 0px;
     margin-right: auto;
     margin-bottom: 0px;
     margin-left: auto;
     min-height: 350px;
     padding-top: 40px;
     display: block;
}

div.categorie{ /* Wiederholung */
     height: 100%;
     width: 200px;
     background-color: green;
     display: block;
     visibility: visible;
}

div.root div.categorie{
     margin-left: 0px;
     width: 450px;
     height: 100px; 
}

div.root div.categorie{
     height: 100%; /* Widerspruch zur height:100px-Regel zuvor */
     width: 200px; /* Widerspruch zur width:450px-Regel zuvor */
     background-color: green;
     display: block;
     visibility: visible;
}

div.root div.categorie{ /* Wiederholung */
     margin-left: 0px;
     width: 450px;
     height: 100px;
}

div.root div.categorie{ /* Wiederholung */
     height: 100%;
     width: 200px;
     background-color: green;
     display: block;
     visibility: visible;
}

mfg Maik