Background for Latest Products

[Guest]

Hi

Hoping someone here can help me understand.....

I am having problems adding a background image to my latest products and getting them to populate across... i normally don't have this problem but now that i'd like to add a b/ground image i do and can't figure out why its happening.

Here is the classes in my CSS

.outsideframe {

	height:316px;

	margin-left:20px;

	background-image:url(../styleImages/backgrounds/outside.gif);

	background-repeat: repeat-y;

}

.insideboxes {

	float: left;

	width: 32%;

	height: 200px;

	text-align:center;

	margin: 17px 0 0px 0px;

	display: inline;

	overflow: hidden;

	background-color:green;

}

.insideboxes img {

	width:100px;

	padding:4px;

	border:1px solid black;

}

Here is what i have so far in my index.tpl

<!-- BEGIN: latest_prods -->

<div class="txtContentTitle"><h1>GALLERY</h1></div>

<!-- BEGIN: repeat_prods -->



<div class="outsideframe">

<div class="insideboxes">

<a href="index.php?_a=viewProd&amp;productId={VAL_PRODUCT_ID}"><img src="{VAL_IMG_SRC}" alt="{VAL_PRODUCT_NAME}" border="0" title="{VAL_PRODUCT_NAME}" class="img" /></a></div>

</div>

<!-- END: repeat_prods -->

<!-- END: latest_prods -->

If someone could pleaseeeeee tell me what i'm doing wrong i'd really appreciate it.

Thanks

Antz :)