Помогите, пожалуйста, кому не сложно, с моим глупым вопросом.

Имеется сайт-портфолио

Проблема: хочу, используя "#map2" сделать ссылки на раздулы "форум", "гостевая книга", "rss-лента". Фоновый рисунок для них - topR2.jpg
Но когда я исправляю разными способами, весь дизайн искажается. Что необходимо прописать в коде?

Кусок исходного когда, который не получается исправить:
<td width="395" height="162" style="background: url(img/topR2.jpg) no-repeat bottom; border="0" usemap="#map2" ">    
<img src="img/topR1.jpg" width="395" height="238" border="0" usemap="#map1">
<div style="-moz-box-sizing: padding-box; padding-right: 20px;" align="right">
<a href= "naklejka"><img src= "img/3.png" width="228" height="110" border="0" alt="разработка дизайна наклейки" title="разработка дизайна наклейки" <br clear="all"></a>
<br></div>
</tr>
</td>
</tr>
<tr>    
<td width="880" height="100%" colspan="2" style="background: url(img/pageBot.jpg) no-repeat bottom" valign="top">        
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="background: url(img/pageTop.jpg) no-repeat top">
<map name="map1">
<area shape="rect" alt="Последняя работа" title="Последняя работа"  coords="140,210,270,230" href="naklejka">
<area shape="circle" alt="Карта сайта" title="Карта сайта" coords="220,98,14" href="sitemap.html">    
<area shape="circle" alt="Контакты дизайнера" title="Контакты дизайнера" coords="189,125,14" href="kontakty_dizajnera">    
<area shape="circle" alt="Главная" title="Главная"  coords="162,152,14" href="/">
</map>

У Вас там после блока закрывающее </tr> стоит. Это может сильно попортить верстку. Попробуйте без нее - так:

Это ничего не меняет, к сожалению(

в этой строке не закрыт тэг <img>


возможно решит проблему