CSS Problem, für Profis ein Klacks

Code: Alles auswählen

<div id="header">
		<div id="header-container">
			<p>text</p>
			<ul>
				<li><a href="http&#58;//www.domain.de">Link1</a></li>
				<li><a href="Http&#58;//www.domain.de">Link2</a></li>
			</ul>
			<br class="clear" />
		</div>
	</div>
	<div id="container">
		<div id="sidebar">
			<p>Text</p>
			<ul>
				<li><a href="http&#58;//www.domain.de">Navi1</a></li>
				<li><a href="http&#58;//www.domain.de">Navi2</a></li>
				<li><a href="http&#58;//www.domain.de">Navi3</a></li>
			</ul>
		</div>
		<div id="content">
			<p>Ganz viel Text hier..</p>
			<div class="articlemenu">
			</div>
	  </div>
	</div>
	<div id="footer">
		<div id="footercontent">
			Text im footer
		</div>
	</div>

Code: Alles auswählen

#header {
	background-image:url(../images/backgrounds/oben.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

#header-container {
	width:765px;
	margin:0 auto;
	padding:0px 0 0 0;
}

#container {
	width:765px;
	margin:0 auto;
}

#sidebar {
	float:left;
	width:220px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#777;
	line-height:20px;
	border-bottom:1px solid #eee;
}

#content {
	margin:0 0 0 220px;
	border-left:1px solid #eee;
}

#footer   {
	color: #999;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	clear: both;
	margin: 50px 0;
	padding: 15px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc
}

Code: Alles auswählen

#sidebar {
	width:220px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#777;
	line-height:20px;
	border-bottom:1px solid #eee;
}

Code: Alles auswählen

#content {
	float:right;
	margin:0 0 0 220px;
	border-left:1px solid #eee;
}