محتوى محاط بصور بإستخدام css تطاير المحتوى

/*  ------------------------------------------    1-Box    ------------------------------------------   */.box{ width:600px;	margin:0 auto;	background-color:#FFF;} /*  ------------------------------------------    2-Box Header    ------------------------------------------   */.box-header{ background:url(images/header-bg.gif) repeat-x top;	height:61px;}	.box-header-right{ background:url(images/header-right.gif) no-repeat top right;		height:61px;		width:203px;		float:right;	}	.box-header-left{ background:url(images/header-left.gif) no-repeat top left;		height:61px;		width:46px;		float:left;	} /*  ------------------------------------------    3-Box Body    ------------------------------------------   */.box-body{ background-color:#FFF;	text-align:justify; }	.box-body-right{ background:transparent url(images/body-right.gif) repeat-y right;	}	.box-body-left{ background:transparent url(images/body-left.gif) repeat-y left;		padding:20px;		} /*  ------------------------------------------    4-Box Footer    ------------------------------------------   */.box-footer{ background:url(images/footer-bg.gif) repeat-x bottom; 	height:49px;}	.box-footer-right{ background:url(images/footer-right.gif) no-repeat bottom right;		height:49px;		width:49px;		float:right;	}	.box-footer-left{ background:url(images/footer-left.gif) no-repeat bottom left;		height:49px;		width:49px;		float:left;	}

.box-body-right{ background:url(images/body-right.gif) repeat-y right;}.box-body-left{ background:url(images/body-left.gif) repeat-y left;	padding:20px;}