http://sample21.shop-pro.jp/のようなショッピングサイトをカスタムして作成しています。下のHTMLのように商品検索の項目の下にが枠の画像をしいているのですが、

お気に入りを表示した場合などレイアウトをセンタリングする方法を教えてください

<div class="side">
<DIV style="top :120px;left : 5%;
position : absolute;
z-index : 1;
" id="Layer1"><IMG src="画像" width="180" height="80" border="0"></DIV>

<DIV style="top : 127px;left : 8%;
position : absolute;
z-index : 2;
" id="Layer2">
<P><!-- 商品検索-->
<strong>商品検索</strong>
<br />
<form action="<{$product_search_url}>" method="GET" id="search">
<{$product_search_mode}>
<select name="cid" style="width:120px;">
<option value="">全ての商品から</option>
<{section name=num loop=$category}>
<option value="<{$category[num].id}>"><{$category[num].name}></option>

<{/section}>

</select>
<br />
<input type="text" name="keyword" style="margin:5px 5px 0px 0px;width:80px;"><input type="submit" value="検索" />
</form>
<!--// 商品検索-->
</P>
</DIV>