Can This Be Done?

[Guest]

Hi Everyone

Not sure if i'm doing this correctly.... it doesn't seem to be all working right now....

What i'd like to know is what is the best way to show an image around my main contents on my homepage.

I've tried this but it doesn't work! is there another way?

this is what i have in my index.tpl

<div id="subSurround">

			  <div id="image"></div>



	  

		

			<!--<div style="padding-top: 72px;">{SEARCH_FORM}</div>

			<div>{SESSION}</div>-->

		

		

		<div>

		

		  <div class="colLeft">

		{CATEGORIES}

		{RANDOM_PROD}		

		<!--{INFORMATION}-->	

		{CURRENCY}

		  {POPULAR_PRODUCTS}

			 {MAIL_LIST}<!--{SALE_ITEMS}-->

		</div>

	   

		

		

		

		

		<div class="colMid">

		{PAGE_CONTENT}

		</div>

		

		<div class="colRight">

		

			{SHOPPING_CART}

			<!--{LANGUAGE}-->



		   

		</div>

				



	

	</div>

	

	<br clear="all" />

	

	{SITE_DOCS}

			 		 <div id="image2"></div>	



	</div>



</div>

</body>

</html>

<!-- END: body -->

this is what i have in my layout.css

body {

	margin: 5px;

	background-color: #F2DBBB;

	/*background-attachment: fixed;

	background-image: url(../styleImages/backgrounds/pageBg.jpg);

	background-repeat: repeat-x;

	background-position: top;*/

}

#pageSurround {

	width: 900px;

	margin: 0px auto;

		/*border: 1px solid #000000;*/

	background-color: #F3DCBA;

}

#subSurround {

width: 900px;

margin-top: 0px;

margin-right: auto;

margin-bottom: 0px;

margin-left: auto;

position: relative;

height: 100%;

background-color:black;

background-image:



}

#image {

width: 160px;

margin-top: 0px;

margin-bottom: 0px;

position: relative;

height: 50px;

z-index: 1;

background-image: url(../styleImages/backgrounds/contentBg.jpg);

background-repeat: no-repeat;

background-position: top-left;



}

#image2 {

width: 160px;

margin-top: 0px;

margin-bottom: 0px;

position:absolute;

height: 50px;

z-index: 1;

background-image: url(../styleImages/backgrounds/contentBg3.jpg);

background-repeat: no-repeat;

background-position: bottom-right;



}

Your help would be sooo much appreciated.

Thanks

Antz