[CSS]Problem z pozycjonowaniem wewn. ramki Opcje

[DerekDX]

Witam
stworzyłem ramkę z obrazków wewn. której zamieszczane są niektóre informację na mojej stronie.
Niestety z niewiadomych mi względów wewn. ramki tj. w <div class="content_body"> nie moge używać float:right ponieważ element który posiada ten atrybut jest traktowany jakby nie był w tej ramce. Tzn. ramka nie dostosowuje się do jego rozmiaru.
Bardzo mi zależy aby nie pozycjonować "wnętrzności" tej ramki za pomocą tabeli

CSS:

[HTML] pobierz, plaintext 
#body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#content_header_left {
	background-image: url(images/naroznik_gora_lewo1.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 56px;
}
#content_header_right {
	background-image: url(images/naroznik_gora_prawo1.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 56px;
}
#content_header {
	background-image: url(images/border_gora1.png);
	background-repeat: repeat-x;
	background-position: top;
	margin-right: 12px;
	margin-left: 12px;
	height: 56px;
}
#content_body_left {
	background-image: url(images/border_lewo1.png);
	background-repeat: repeat-y;
	background-position: left;
}
#content_body_right {
	background-image: url(images/border_prawo1.png);
	background-repeat: repeat-y;
	background-position: right;
}
#content_body {
	background-color: #FFF;
	margin-right: 12px;
	margin-left: 12px;
	padding: 1px;
}
#content_body p {
	padding-left: 10px;
	padding-right: 10px;
}
 
#content_footer_left {
	background-image: url(images/naroznik_dol_lewo1.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
[HTML] pobierz, plaintext 

HTML:

[HTML] pobierz, plaintext 
<div id="body">
	<div id="content">
		<div id="content_header_left">
			<div id="content_header_right">
				<div id="content_header">
				</div>
			</div>
		</div>
	</div>
	<div id="content_body_left">
		<div id="content_body_right">
			<div id="content_body">
 
		  </div>
		</div>
	</div>
	<div id="content_footer_left">
		<div id="content_footer_right">
			<div id="content_footer"></div>
		</div>
	</div>
[HTML] pobierz, plaintext 

[CuteOne]

[HTML] pobierz, plaintext 
<style>
#content_body_left {
float: left;
}
#content_body {
float: left;
}
#content_body_right {
float: left;
}
</style>
 
 
<div id="content">
   <div id="content_body_left"></div>		
   <div id="content_body"></div>
   <div id="content_body_right"></div>
</div>
<div style="clear:both">&nbsp;</div>
[HTML] pobierz, plaintext 

resztę elementów strony tworzysz dokładnie w ten sam sposób

[DerekDX]

ok dzękuje za pomoc