Float right und Content prob

[Keen]

Hallo,

Ich habe ein problem und zwar hab ich ein Horizontales Drop-Down-Menü, ein Menü rechts und einen Contentbereich.

Nun habe ich das rechte menü gefloatet, damit es rechts ist, zumindest den header der box (rechts im menü sind boxen). Jetzt ist es aber so,d ass der rest der box (boxcontent und boxfooter) natürlich links neben die gefloatete box kommen, es sei denn, ich cleare das ganze.
Wenn ich dies aber tue, dann ist ja auch der content nciht neben der box, was er aber sein soll. Ein Teufelskreis ist das :(

ier mal mein Code:

  
 <div id="content">  
 <!--So eingeteilt: Zuerst eine Box Links, danach eine Box rechts, danach wieder eine Box links etc. nach jedem durchgang links und rechts clearen!-->  
        <!--BOXhead Horizontal1-->  
        		<div id="boxhead">  
            			<p id="boxtxt"><a class="linkdd" href="#" data-flexmenu="nav_main"><span style="color:red;">Main</span>.Navigation</a></p>  
            	</div><!--Box1Head End-->  
         <!--BOXhead Horizontal2-->  
         		<div id="boxheadright">  
                		<p id="boxtxt"><a class="linkdd" href="#" data-flexmenu="nav_com"><span style="color:red;">Com</span>.Navigation</a></p>  
                </div>  
                 <!--BOXhead Horizontal3-->  
        		<div id="boxhead">  
            			<p id="boxtxt"><a class="linkdd" href="#" data-flexmenu="nav_clan"><span style="color:red;">Clan</span>.Navigation</a></p>  
            	</div>  
         <!--BOXhead Horizontal1-->  
         		<div id="boxheadright">  
                		<p id="boxtxt"><a class="linkdd" href="#" data-flexmenu="nav_misc"><span style="color:red;">Misc</span>.Navigation</a></p>  
                </div>  
<!--HIER IST DAS RECHTE MENÜ-->  
                <div id="boxheadright">  
                	<p id="boxtxt"><span style="color:red;">TS.</span>Viewer</p>  
                </div>  
                <div id="boxcontentright">  
                <span id="contentbox">AABB</span>  
                </div>  
  
         <!--content-->  
                {EXPLODE}  
        		<div id="clear"></div>  

  
  
.boxcontent {  
	background-image:url(images/designmaddogs13_08.png);  
	width:249px;  
	height:auto;  
	float:left;  
}  
  
  
.boxcontentright {  
	background-image:url(images/designmaddogs13_08.png);  
	width:249px;  
	height:auto;  
	float:right;  
}  
  
a.boxcontentright {  
	background-image:url(images/designmaddogs13_07.png);  
	width:249px;  
	height:23px;  
	color:#000000;  
	text-decoration:none;  
	tect-align:center;  
	float:right;  
}  
#boxheadright {  
	background-image: url(images/designmaddogs13_04.png);  
	width:249px;  
	height:52px;  
	float:right;  
}  
  
#boxfooterright {  
	background-image:url(images/designmaddogs13_10.png);  
	width:249px;  
	height:52px;  
	float:right;  
}  
  
.contentbox {  
	background-image:url(images/designmaddogs13_08.png)  
	width:249px;  
	height:auto;  
	float: right;  
}