(CSS) uitbreiden qua lengte

Beste mede PHPhulpers,

Nu snap ik al redelijk wat van CSS, echter zat ik nog met een probleem. Ik heb zeg maar een rounded box. Alle hoekjes ( de kwart cirkels zeg maar) zijn in middels uitgeknipt ( not my idea.. maar goed) nu zit ik met het volgende:

ik wil een minimum qua lengte kunnen opgeven. Maar indien deze langer moeten zijn ( horizontaal he ) dat ze dus automatisch mee schuiven ( de rechter hoeken zeg maar). Hoe kan ik dit het makkelijkste maken?

Ik dacht zelf gewoon float: right maar het probleem is dat de div waar die in zit al een waarde mee krijgt.

Die waarde moet dus ook een minimum hebben, maar indien nodig ook horizontaal kan uitbreiden..

Snappen jullie nog ongeveer wat ik bedoel?

<div id="box1">
        <div class="hoeklb">
        <div class="boven">
        <div class="hoekrb">

       <div id="box_content">
       <p>dit is een voorbeeld tekst</p>

        <div class="hoeklo">
        <div class="onder">
        <div class="hoekro">

en hier de css

@charset "utf-8";
/* CSS Document */

#box1 {
	height:800px;
	width:500px;
	clear:left;
	float:left;
	margin:0px;
	padding:0px;
	}

.hoeklb {
	margin:0px;
	padding:0px;
	float:left;
	background: url(../images/xlb.gif) top left no-repeat;
	height:20px;
	width:20px;
	}

.boven {
	margin:0px;
	padding:0px;
	float:left;
	background:  url(../images/xc.gif) top left repeat-x;
	height:20px;
	width:460px; /* en nu weet ik het niet meer... */
	}

.hoekrb {
	margin:0px;
	padding:0px;
	float:left;
	background: url(../images/xrb.gif) top left no-repeat;
	height:20px;
	width:20px;
	}

.hoeklo {
	margin:0px;
	padding:0px;
	float:left;
	background: url(../images/xl0.gif) top left no-repeat;
	height:20px;
	width:20px;
	}

.boven {
	margin:0px;
	padding:0px;
	float:left;
	background:  url(../images/xco.gif) top left repeat-x;
	height:20px;
	width:460px; /* en nu weet ik het niet meer... */
	}

.hoekro {
	margin:0px;
	padding:0px;
	float:left;
	background: url(../images/xro.gif) top left no-repeat;
	height:20px;
	width:20px;
	}