Здравствуйте!

Я плохо разбираюсь в верстке, но очень надо. Есть такой дизайн (см. вложение). Собственно, вопрос, как расположить шарики рядом с заголовком "Поздравляем!" и сделать полупрозрачность?

Общий макет страницы такой:

<div class='htmltop'>HTML</div><div class='htmlmain'>]

<style>

.main_fon{background-image: url(&#39;/_layouts/images/custom/main_fon.png&#39;background-repeat:repeat-x}
.main_content{background:#F9FBFE}

</style>

<table wight=100%>

<tr><td <TD class="main_fon" >

<table align="center">

<td width="15" class="main_content"></td>

<td width="240" class="main_content">левая колонка</td>

<td width="240" class="main_content">тут должно быть "Поздравляю"</td>

<td width="15" class="main_content"></td>

</table>

<td></tr>

</table></div>

Есть картинки: сами шарики в формате gif и полупрозрачный элемент в формате png.

Страница будет открываться только в IE.

Помогите, пожалуйста, уже всю гоолову сломала!

P.S. В качестве редактора использую sharepoint designer, если это важно.