Positionierung DIV Box

[dia]

Hallo Zusammen,

Bei folgendem Code soll die Kind-Box mit dem Inhalt "Aufputschmittel" direkt angrenzend an "Koffeinhaltiges Getränk" gelegt werden. Aber habe es bisher nicht zum laufen gebracht.

Ich habe nur die Möglichkeit alle Eltern/Kind Stylewerte gleichzeitig zu ändern, weil die Boxen dynamisch von einem Script aus erstellt werden.
D.h. ich kann nicht einzelne Boxen anders behandeln.

<style>  
#parent {  
	border-width: 0px;  
	border-style: solid;  
	border-color: blue;  
	float:left;  
	text-align:center;  
	color:#FFFFFF;  
	font-weight: bold;	  
	//position:relative;  
}  
#child {  
	width:100%;  
	border-width: 0px;  
	border-style: solid;  
	border-color: green;  
	float:left;  
	background-color:#a52a2a;  
	//position:absolute;  
	//vertical-align:bottom;  
	//bottom:0;  
}  
</style>

<div id='parent' style='width:50%'> <!-- Elternelement -->  
	<div id='parent' style='width:100%'> <!-- Elternelement -->  
		<div id='child'>  <!-- Tochterelement -->  
			&nbsp; Lebensmittel &nbsp;  
		</div>  
	</div>  
	<div id='child'>  <!-- Tochterelement -->  
		&nbsp; Getränk &nbsp;  
	</div>  
</div>  
<div id='parent' style='width:50%'> <!-- Elternelement -->  
	<div id='child'>  <!-- Tochterelement -->  
		&nbsp; Aufputschmittel &nbsp;  
	</div>  
</div>  
  
<br style="clear: both;" />  
  
<div style='border-width: 0px; border-style: solid; border-color: red; background-color:#8b0000; text-align:center; color:#FFFFFF; font-weight: bold;'>  
	&#8226; &#8226; &#8226; Koffeinhaltiges Getränk &#8226; &#8226; &#8226;  
</div>

Ich würde mich wirklich sehr freuen, wenn mir hier jemand helfen könnte.

Vielen Dank schon mal

liebe Grüße
Alex