"clear:both;" funktioniert nicht

[marekventur]

Hallo!

Ich habe ein Problem mit einer Seite: http://www.wortopia.de/regeln.htm

Der Haupttext (Im DIV #cnt) geht über den Footer hinaus, trotz "clear:both;"

Code:

  
<div id="wrapper">  
  <div id="wrapper2">  
  
  
    <div id="nav">  
       <a href="index.htm">startseite</a>  
       <a href="regeln.htm">regeln</a>  
       <a href="blog.htm">blog</a>  
       <a href="faq.htm">faq</a>  
       <a href="uns.htm">ueber uns</a>  
    </div>  
  
    <div id="cnt">  
      <h1>Regeln</h1>  
      <div id="messagew">  
        <div id="message" style="display:none;"></div>  
        <div id="message2" style="display:none;"></div>  
      </div>  
      <div style="width: 100%">  
        Wortopia ist ganz einfach:  
        <br />  
        <br />Melde dich an und warte, bis du unsere Best&auml;tigungs-Email bekommst - dann musst du in dieser auf einen Link klicken, um dich zu registrieren!  
        <br />...  
  
      </div>  
      <div style="clear:both;"></div>  
      <div class="clear_both"></div>  
    </div>  
  
    <div id="load" style="display:none;">  
       <img src="img/load.gif" />  
       <div id="loadtext">Bitte warten...</div>  
    </div>  
  
  </div>  
  <div id="footer">  
    &copy; 2008 by Marek Ventur | <a href="impressum.htm">Impressum</a>  
  </div>  
</div>  

Auch wenn das "clear:both;" verscheibt (z.B. vor #footer), bleibt das Verhalten. HTML Tiny bescheinigt mir valides HTML.

Hab ich was übersehen? Über einen Lösungsansatz würde ich mich sehr freuen!

mfg Marek