[Big Problem] Content repeatet nur wenn navi sich länger wird

[shadow2]

Hallo ich habe seit ein paar Stunden ein Design fertig aber irgendwie repeatet der content_background sich nur soweit wie die navis links gehen und auf die textbox achtet er garnicht die.

Screen

Content

#content {
	background:url(../image/content.png) repeat-y;
	width:937px;
}

Navis

#navi {
	width:183px;
	margin-left:10px;
}
#navi_head {
	background:url(../image/navi_head.png);
	height:16px;
	width:171px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
	padding:6px;
}
#navi_title {
	background:url(../image/navi_title.png) no-repeat;
	height:15px;
	width:177px;
	font-size:11px;
	text-align:center;
	color:#333333;
	padding:3px;
}
#navi_box {
	background:#A3A3A3 url(../image/navi_background.png) no-repeat;
	width:163px;
	color:#FFFFFF;
	font-size:12px;
	padding:10px;
}
#navi_box p {
	border-bottom:1px dotted #fff;
	line-height:20px;
}

Text Box

#text {
	width:721px;
	font-size:11px;
	float:right;
	margin-right:10px;
}
#text_head {
	background:url(../image/textbox_head.png);
	height:16px;
	width:709px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
	padding:6px;
}
#text_box {
	background:#BBBBBB;
	width:701px;
	color:#333333;
	font-size:11px;
	padding:10px;
}

HTML Code

  <div id="content">
    <div id="text">
      <div id="text_head">Zero Coding - HTML and CSS Coding since 2008</div>
      <div id="text_box">
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
      </div>
    </div>
    <div id="search">
      <div id="field_fill"></div>
      <div id="field">
        <form id="form1" method="post" action="">
          <p>
            <label>
            <input name="textfield" type="text" id="textfield" value="Suche Movie..." />
            </label>
          </p>
        </form>
      </div>
      <div id="button_fill"></div>
      <div id="search_button">
        <form id="form2" method="post" action="">
          <p>
            <label>
            <input type="submit" name="button" id="button" value="Suchen" />
            </label>
          </p>
        </form>
      </div>
      <div id="other_button">
        <form id="form3" method="post" action="">
          <p>
            <label>
            <input type="submit" name="button2" id="button2" value="Erweitert" />
            </label>
          </p>
        </form>
      </div>
    </div>
    <div id="fill_nav"></div>
    <div id="navi">
      <div id="navi_head">Movie Menu</div>
      <div id="navi_title">Stream &amp; RS.com</div>
      <div id="navi_box">
        <p>Zero Coding</p>
        <p>Zero Coding</p>
        <p>Zero Coding</p>
        <p>Zero Coding</p>
        <p>Zero Coding</p>
        <p>Zero Coding</p>
        <p>Zero Coding</p>
        <p>Zero Coding</p>
        <p>Zero Coding</p>
        <p>Zero Coding</p>
        <p>Zero Coding</p>
        <p>Zero Coding</p>
        <p>Zero Coding</p>
        <p>Zero Coding</p>
        <p>Zero Coding</p>
        <p>Zero Coding</p>
        <p>Zero Coding</p>
        <p>Zero Coding</p>
        <p>Zero Coding</p>
        <p>Zero Coding</p>
      </div>
    </div>
    <div id="fill_nav"></div>
    <div id="navi">
      <div id="navi_head">Movie Menu</div>
      <div id="navi_title">Stream &amp; RS.com</div>
      <div id="navi_box">
        <p>Zero Coding</p>
        <p>Zero Coding</p>
        <p>Zero Coding</p>
        <p>Zero Coding</p>
        <p>Zero Coding</p>
        <p>Zero Coding</p>
        <p>Zero Coding</p>
        <p>Zero Coding</p>
        <p>Zero Coding</p>
        <p>Zero Coding</p>
        <p>Zero Coding</p>
        <p>Zero Coding</p>
        <p>Zero Coding</p>
        <p>Zero Coding</p>
        <p>Zero Coding</p>
        <p>Zero Coding</p>
        <p>Zero Coding</p>
        <p>Zero Coding</p>
        <p>Zero Coding</p>
        <p>Zero Coding</p>
      </div>
    </div>
  </div>

Wenn ich die Navi´s länger mache repeate sich der content auch wieder, wieso repeatet sich der content nur bis zur navi ?

Ich hoffe ihr könnt mir schnell helfen

 

[Maik]

Hi,

Webmaster FAQ -> CSS Warum passt sich die Boxenhöhe nicht dem Inhalt an?

Ich hoffe ihr könnt mir schnell helfen

Sind vier Minuten schnell genug?

mfg Maik