Følges ikke ad

HTML kode 

 <div class='content' width='100%'>
     <div style='float: left ;width: 69.8%;' class='forum' valign='top'>
         <div class='left'>
             <!-- Forum -->
             askdjaskl<br>askdjaskl<br>askdsjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl
         </div>
     </div>
     <div style='float: right ;width: 30%;' class='event' valign='top'>
         <div class='left'>
             <!-- Event -->
             askdjaskl<br>askdjaskl<br>askdsjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl
         </div>
     </div>
 </div>

CSS kode 

 .content {
     background: #000000;
     width: 100%;
 }
 
 .forum {
     background: #FFFFFF;
     border-right: 3px solid #000000;
     border-top: 3px solid #000000;
     width: 70%;
     max-height:100%;
     border-top-right-radius: 0.5em;
     -webkit-border-top-right-radius: 0.5em;
     -moz-border-radius-topright: 0.5em;
 }
 .event {
     background: #FFFFFF;
     border-top: 3px solid #000000;
     width: 30%;
     max-height:100%;
     border-top-left-radius: 10px;
     -webkit-border-top-left-radius: 10px;
     -moz-border-radius-topleft: 10px;
 }
 .left {
     margin-left:10px;
 }