Общая ссылка с 2-х связанных div

[Cvin]

Добрый вечер форунчане. Прошу прошения за возможный боян, а в программировании на javascript ноль.

Вопрос в следующем.

Есть 2 ссылки на одну страницу, первая оформлена как текст, вторая как img.

при наведении на первую текст подчеркивается, при наведении вторую img становиться прозрачным.

вопрос, как мне связать 2 этих элемента?
То есть, что бы при наведении на первую ссылку (текстовую) подчеркивался и текст и img становился прозрачным, ну и при наведении на ссылку img соответственно.

Буду крайне признателен за любую инфу. Как уже говорил в javascript и DOM я почти нуб.

[devote]

<style>
a {
  text-decoration: none;
}
div:hover a {
    text-decoration: underline;
}
div:hover img {
    opacity: 0.5;
}
</style>
<div>
   <a href="">link</a>
   <img src="http://javascript.ru/forum/images/smilies/smile.gif" />
</div>