zwei Text teile, einer rechts einer links - wie?

[baeckerman83]

Hi!
Ich will einen zwei texte anordnen:
Hier der erste ----------------------------- hier der zweite

im FF gehts auch, nur im IE nicht, hier mal der Link zum testen:
http://benjaminbecker.de/Fanclub/

Und das CSS dazu:

body {  
    font: normal 100.01% Helvetica, Arial, sans-serif;  
    color: #FFFFFF; background-color: #D51D1D;  
  }  
table {  
    padding: 0;  
    margin: 0;  
   }  
  
  td {  
    text-decoration: none; font-weight: bold;  
    text-align: center;  
    /*border: 1px solid black;  
    border-left-color: white; border-top-color: white;*/  
    color: #FFFFFF; background-color: #D51D1D;  
    width: 125px;  
  }  
  
  td a:hover {  
    color: #D51D1D; background-color: #FFFFFF;  
    width: 125px;  
    }  
  td a {  
 font: normal 125% Helvetica, Arial, sans-serif;  
    color: #FFFFFF; background-color: #D51D1D;  
    text-decoration: none;  
    font-weight: bold;  
    width: 125px;  
    }  
  td a.active {  
    color: #FFFFFF; background-color: #000000;  
    width: 125px;  
    }  
  
  
#counter {  
float: left;  
color: #FFFFFF;  
}  
  
#autor {  
float: left;  
margin-right: 20px;  
font-size: small;  
}  
  
#datum {  
font-size: small;  
}  
  
#content h1 {  
 font-weight: bold;  
    text-align: center;  
    font-size: x-large;  
}  
#menu {  
margin: 20px;  
clear:both;  
}  
  
#content {  
margin-top:75px;  
margin-left:200px;  
}  
  
#bericht {  
align: center;  
width: 500px;  
}  
  
  
#footer {  
color: #FFFFFF; background-color: #D51D1D;  
text-decoration: none;  
font-weight: bold;  
font-size: small;  
text-align:right;  
margin-top:75px;  
}  
  
#footer a {  
color: #FFFFFF; background-color: #D51D1D;  
text-decoration: none;  
font-weight: bold;  
font-size: small;  
margin-right: 20px;  
}  
#footer footer {  
float:left;  
margin-left: 20px;  
}