box grafico con ie6 e ie5.5

[gabar-el]

ciao, dopo varie prove son riuscito a dare un box grafico tramite css a ie 5.5. e 6, ma nel 6 non mi visualizza le parti sinistra e destra che non prendono l'height 100% che gli viene dato, e non riesco a capire come risolvere la cosa.

html:

<div id="container">

	<div id="box">
	
		<div id="top">
		</div> 
		
		<div id="right">
		</div> 
		
		<div id="bottom">
		</div> 
		
		<div id="left">
		</div> 
		
		<div id="as">
		</div> 
		
		<div id="ad">
		</div> 
		
		<div id="bd">
		</div> 
		
		<div id="bs">
		</div> 

</box>
</container>

css:

div#container {width:80%; min-width:300px; height:auto; text-align:left; margin:25px auto; background-color:#fff;}
div#box {width:100%; height:100%; padding-top:25px; position:relative; background:#fff;}


	div#as, div#ad, div#bs, div#bd {width:25px; height:25px;position:absolute;}

	div#as {top:0; left:0; background:#000 url(images/bgAs7.png) top center no-repeat;}

	div#ad {top:0; right:0; background:url(images/bgAd7.png) center center no-repeat;}

	div#bs {bottom:0; left:0; background:url(images/bgBs7.png) center center no-repeat;}

	div#bd {bottom:0; right:0; background:url(images/bgBd7.png) center center no-repeat;}

	div#top { 
		width: 100%;
		height: 25px;
		position: absolute;
		top: 0;
		left: 0;
		background: url(images/bgTop7.png) top left repeat-x;
	}
	div#bottom { 
		width: 100%;
		height: 25px;
		position: absolute;
		bottom: 0;
		left: 0;
		background: url(images/bgBottom7.png) bottom left repeat-x;
	}
	div#left { 
		width: 25px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: url(images/bgLeft7.png) top left repeat-y;
	}
	div#right { 
		width: 25px;
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
		background: url(images/bgRight7.png) top left repeat-y;
	}

il tutto gioca ovviamente sugli height di container box e left/right

grazie