/* set the image to use and establish the lower-right position */.cssbox1 {float:left} .cssbox1, .cssbox1_body, .cssbox1_head, .cssbox1_head h3{ background: transparent url(img.php.png) no-repeat bottom right} .cssbox1{ /* intended total box width - padding-right(next) */ width:725px!important; /* IE Win = width - padding */ width: 725px; /* the gap on the right edge of the image (not content padding) */ padding-right:15px; /* use to position the box */ margin:20px auto} /* set the top-right image */ .cssbox1_head{background-position:top right; /* pull the right image over on top of border */ margin-right:-15px; /* right-image-gap + right-inside padding */ padding-right:40px} /* set the top-left image */ .cssbox1_head h3{ background-position:top left; margin:0; /* reset main site styles*/ border:0; /* ditto */ /* padding-left = image gap + interior padding ... no padding-right */ padding:8px 0 0px 10px; height:auto !important; height:1%} /* IE Holly Hack */ /* set the lower-left corner image */ .cssbox1_body{ background-position:bottom left; margin-right:8px; /* interior-padding right */ padding:0px 0 15px 16px} /* mirror .cssbox1_head right/left */