Hilfe zu CSS <div> Elemt

  • Hallo liebe Community :)

    Ich habe vor kurzem einen Website erstellt (League of Plays). Nun ist folgendes Problem aufgetreten:

    Der "championgrid" soll eigentlich in der "section" sein, welche ich gerne mit den min- und max-heigh ausgestattet haben will... ich finde den Fehler nicht.
    Kann mir bitte wer helfen?

    section {
    z-index: 2;
    margin-top: 75px;
    width: 1000px;
    min-height: 800px;
    max-height: 2000px;
    margin-bottom: 190px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 50px;
    padding-bottom: 50px;
    border-radius: 18px 18px 18px 18px;
    background-color: white;
    -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    }


    Die box5 liegt über dem championgrid
    .box5 {
    margin-left: 265px;
    margin-right: auto;
    width: 770px;
    height: 1260px;
    }


    .championgrid {
    float: left;
    position: absolute;
    width: 880px;
    height: 547px;
    margin-top: 100px;
    margin-left: 49px;
    margin-right: auto;
    margin-bottom: 225px;
    overflow: scroll;
    opacity:0.7;
    filter:alpha(opacity=70);
    }


    PS: Ich bin noch Neuling hier in der Materie als bitte nicht beleidigen von wegen du bist echt ein scheiß "Coder" oder so (alles schon erlebt) :/. Danke :)