Javascript-форум - появление картинок при наведении курсора

Всем привет!
Есть картинка. Нужно сделать так, чтобы при наведении на нее в верхнем левом углу этой картинки появлялись 2 другие меньшего размера, которые будут ссылками.
Буду благодарен тем, кто сможет помочь

у меня получился вот такой код. но как сделать чтобы картинки появлялись при наведении на главную?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
div#ipad_icon {
     position: relative;
     width: 1000px;
}

div#child1 {
     position: absolute;
     top: 50px;
     left: 50px;
}
div#child2 {
     position: absolute;
     top: 200px;
     left: 120px;
}
</style>
</head>

<body>

<div id="ipad_icon">

<a href=""><img src="main-inage.jpg"></a>


<div id="child1"><a href=""><img src="child1.png"></a></div>
<div id="child2"><a href=""><img src="child2.png"></a></div>
</div>


</body>