Virker i Firefox men ikke IE

Hej allesammen.. Jeg er for ikke så lang tid siden begyndt at bygge mine hjemmesider op med <div> og derefter al information i css, istedet for det gamle med table's..

Det går nu os ganske udemærket, bortset fra at der er noget af det jeg laver som fucker fuldstændig op i Internet Explore, men virker fint i Firefox... (Lorte IE).


Link: http://www.qub.dk/johnsonstraffic/index.php?page=events


html Kode:

<div id="content">
    <div id="eventleft">
        <div id="events1"><p>Tekst</p></div>
        <div id="billede5"></div>
        <div id="eventtekst1">
            <p class="billedtekst">
                Rådhuspladsen<br />
                afspærring<br />
                "Prinsesse Mary"
            </p>
        </div>
        <div id="billede6"></div>
        <div id="eventtekst1">
            <p class="billedtekst">
                Politigården<br />
                KBH<br />
                "event"
            </p>
        </div
    </div>
    <div id="eventright">
        <div id="events2">
            <ul>
                <li class="billede7"></li>
                <li class="billede9-2"></li>
                <li class="billede8"></li>
            </ul>
        </div>
    </div>
    </div>


css som involvere placeringer...:

#content {
    float: left;
    width: 964px;
    margin: 40px 20px 0 20px;
}
#eventleft {
    float: left;
    width: 500px;
}
#events1 {
    background-color: #221e1f;
    float: left;
    height: 472px;
    width: 500px;
    border: 1px solid #000000;
}
#billede5 {
    background: url(../gfx/5.jpg) no-repeat;
    float: left;
    height: 145px;
    width: 145px;
    margin: 20px 0 0 0;
    border: 1px solid #000000;   
}
#eventtekst1 {
    float: left;
    height: 150px;
    width: 98px;
}
#billede6 {
    background: url(../gfx/6.jpg) no-repeat;
    float: left;
    height: 145px;
    width: 145px;
    margin: 20px 0 0 10px;
    border: 1px solid #000000;   
}
#eventright {
    float: right;
    width: 422px;
}
#events2 {
    float: left;
    width: 422px;
}
.billede7 {
    background: url(../gfx/7.jpg) no-repeat;
    height: 150px;
    width: 422px;
    list-style:none;
    border: 1px solid #000000;   
    margin: 0 0 20px 0;
}
.billede9-2 {
    background: url(../gfx/9-2.jpg) no-repeat;
    height: 300px;
    width: 422px;
    list-style:none;
    border: 1px solid #000000;   
    margin: 0 0 20px 0;
}
.billede8 {
    background: url(../gfx/8.jpg) no-repeat;
    height: 145px;
    width: 422px;
    list-style:none;
    border: 1px solid #000000;   
}


Håber der er en der kan fortælle mig hvad det lige er jeg skal redigere for det virker i IE os..
Samt måske fortælle hvad det er der er forskellen på firefox og IE, så jeg måske ikke laver en lign. fejl en anden gang? :P