[HTML/CSS] Content nicht dynamisch

[flaschenkind]

Ich versuche ich gerade mal wieder daran ein Design umzusetzen.
Allerdings gibt es da ein Problem.
Screen: https://imgu.de/img_3900_kha
Wie man sieht, wandert der Hintergrund nicht mit.
Das ist aber nur, wenn ich float:left in einem der Divs habe, wenn ich es rausnehme geht es ohen Probs. Hier mal der Code:
HTML:

    <div id="cont">
      <div style="float:left;">
        <div id="box">
          <div id="boxh">
            ....::[Navigation]
            <hr class="box" />
          </div>
          Box inhalt
        </div>
      </div>
      <div>
        test
      </div>
    </div>

CSS:

#cont{
  margin: auto;
  width: 710px;
  background-color: #5574A2;
  padding: 10px 20px 20px 20px;
}
#box{
  width: 160px;
  border: 1px solid #A3BCE4;
  background-color: #405A7F;
  color: #FFCC00;
  text-align: left;
  padding: 0 5px 0 5px;
  font-weight: bold;
}
#boxh{
  font-size: 13px;
  color: #FF9900;
  text-decoration: none;
  text-align: right;
  padding-bottom: 3px;
}
.box{
  width: 160px;
  border: 1px dotted #FF9900;
  text-align: right;
  margin: auto;
}

Habt ihr ne Idee?

 

[strolch00]

Nicht besonders elegant aber sollte helfen

    <div id="cont">
      <div style="float:left;">
        <div id="box">
          <div id="boxh">
            ....::[Navigation]
            <hr class="box" />
          </div>
          Box inhalt
        </div>
      </div>
      <div>
        test
      </div>
      <br style="clear: both;">
    </div>

Wenn die seite einen Footer bekommt gib dem Footer das clear: both;.

Hier noch ne schöne Seite zu float, der Grund das der BG nicht mitwandert liegt daran das Du kein unten liegendes Element "fest hast" float Kontainer schweben deswegen muss das clear sein.

 

[flaschenkind]

Thx, ich werds gleich mal testen
Klappt