Приветствую всех! Ребят что то не могу понять как опустить div

<div id="h1">
<div id="h2">
	<table class="table1">
		<tr>
			<td><img src="skins/img/2.jpg" width="30" height="30" alt="Включите картинки"></td>
			<td></td>
			<td></td>
		</tr>

</table>

</div>
</div>

[css]
html, body {
margin:0; padding:0;
}
body {
background-color:FFFFFF; font:100% Tahoma, Arial, sans-serif; color:#DEFF28; line-height:120%; margin: 0px auto; max-width:302px; min-width:302px;
}
#h1 {
background: url("/skins/img/1.jpg") repeat scroll 0 0 transparent;
height: 768px;
width: 302px;

}
[html]

в первом диве у меня идет картинка , так сказать рамка всей страницы , затем во втором диве идет картинка и получается вторая картинка ложится на первую , как ее опустить вниз и чуть сдвинуть влево ? Подскажите.

html, body {
margin:0; padding:0;
}
body {
background-color:FFFFFF; font:100% Tahoma, Arial, sans-serif; color:#DEFF28;  line-height:120%; margin: 0px auto; max-width:302px; min-width:302px;
}
#h1 { 
background: url("/skins/img/1.jpg") repeat scroll 0 0 transparent;
height: 768px;
width: 302px;

}

Извиняюсь за предыдущее сообщение , не туда кликнул .

Всем спасибо , разобрался сам ))