[HTML/CSS] Div-Box geht nicht runter

[unregiert]

https://www.myimg.de/?img=Unbenannt9b0.jpg
Irgendwie schon gemein, wenn CSS nicht meine Sprache versteht... oder umgekehrt.

Ich habe diese Copyrightbox, die irgendwie am Fleck kleben bleibt. Als ich vorher die Box füllte, blieb die Copyright-Box am selben Fleck, so dass man das Ergebniss oben erhielt.

<div id="big">
  <div id="menu">
    <div id="menulinks">    </div>
    <div id="contentbox">
      <img style="margin-top: -3px; margin-bottom: 2px;" src="design/pmeg_05.png" />
      <div id="content">        <div class="sitedata">Ort: </div>
        <h1>H1 1</h1><h2>h2 1</h2>adsffasd<h1>H1 2</h1><h2>h2 2</h2>
      </div>
      <img style="margin-top: 0px; margin-bottom: -4px;" src="design/pmeg_10.png" />
    </div>
    
  </div>
  <div style="clear: both;"></div>
  <div class="bottom">
    <a href="kontakt.html">kontakt</a> - <a href="impressum.html">impressum</a> - <a href="pmeggroup.html">pmeg group</a><br />
    © <b></b>websolutions 2006
  </div>
</div>

div.bottom  {
    text-decoration: none;
    text-align: center;
    font-family: verdana;
    font-size: 7pt;
    color: #B1B1B1;
    display: block;
  }

Kann mir jemand helfen?

 

[ActionScripter]

Kann mir jemand helfen?

mach mal das:

div {
  border: 1px solid red;
}

damit siehst du, wie dein browser deine angaben interpretiert ... wenn du ein div als block deklarierst oder floaten willst, dann musst du auch eine (mindest-)höhe angeben.