DHTML Popup doesnt work in Atahualpa

Hi,

Can somebody help me? I’m using Atahualpa theme on my blog. But I have got a little problem. I need insert a popup into my blog.

Here is a popup code:

<!-- PopOver code (begin) -->
<script language="javascript" type="text/javascript" src="popover.js"></script><span style="margin: 0; padding: 0; width: 260; height: 374; position: absolute; left: 0; right: 0; display: none;" id="SR_PopOver"><table cellspacing="0" cellpadding="0" width="260" height="374"><tr><td rowspan="2" colspan="2" width="253" height="367" style="border: 1px solid #0000cc"><table cellspacing="0" cellpadding="3" width="100%" height="100%" bgcolor="#ffffff">
<tr valign="middle" bgcolor="#0000ff"><td onMouseDown="popover_drag_start(event, this, 'SR_PopOver')" width="100%" align="left" style="font-family: Courier; font-size: 12pt; color: #ffffff; font-weight: bold;">Внимание!</td><td align="right"><table cellspacing="0"><tr><td style="padding: 0 3 0 3; background-color: #ff0000; font-family: Verdana; font-size: 10pt; color: #ffffff; font-weight: bold; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; border-bottom: 2px solid #696969; border-right: 2px solid #696969;" onClick="popover_close(this, 'popover_start_to(\'SR_PopOver\', 15, 0, parseInt(popover_obj.style.left) - popover_base_x, \'window-height\')')" onMouseOver="this.style.cursor='pointer'" onMouseOut="this.style.cursor='default'">X</td></tr></table></td></tr><tr><td colspan="2" style="font-family: Verdana; font-size: 10pt; color: #000000;" align="center" valign="middle" height="100%"><center>

 <p align="center"><strong><font color='red'>&quot;Внимание!&quot;</font></strong></p>
  <p align="center"> Получи сегодня книгу:<br />
</p>
  <p align="center"><strong><img src="https://z.codeby.net/book.jpg" alt="Бизнес Машина 2.0" /></strong>
    <br />
  </p>
  <p align='center'><strong>Бесплатно!    </strong>

<!-- SmartResponder.ru subscribe form code (begin) -->
<script language="javascript" type="text/javascript">
function SR_IsListSelected(el)
{
  for (var i = 0; i < el.length; i ++)
    if (el[i].selected ||
      el[i].checked)
      return i;
  return -1;
}
function SR_trim(f)
{
  return f.toString().replace(/^[ ]+/, '').replace(/[ ]+$/, '');
}
function SR_submit(f)
{
  f["field_email"].value = SR_trim(f["field_email"].value);
  f["field_name_first"].value = SR_trim(f["field_name_first"].value);
  if ((SR_focus = f["field_email"]) &amp;&amp; f["field_email"].value.replace(/^[ ]+/, '').replace(/[ ]+$/, '').length < 1 || (SR_focus = f["field_name_first"]) &amp;&amp; f["field_name_first"].value.replace(/^[ ]+/, '').replace(/[ ]+$/, '').length < 1) { alert("Укажите значения всех обязательных для заполнения полей (помечены звездочкой)"); SR_focus.focus(); return false; }
  if (!f["field_email"].value.match("^[A-Za-z0-9][A-Za-z0-9\._-]*[A-Za-z0-9_]*@([A-Za-z0-9]+([A-Za-z0-9-]*[A-Za-z0-9]+)*\.)+[A-Za-z]+$")) { alert("Некорректный синтаксис email-адреса!"); f["field_email"].focus(); return false; }
return true;
}
</script>
<form style="margin: 0; padding: 0;" name="SR_form" target="_blank" action="https://smartresponder.ru/subscribe.html" method="post" onsubmit="return SR_submit(this)">
<div align="center">
  <input type=hidden name=version value="1">
  <input type=hidden name=tid value="0">
  <input type=hidden name=uid value="35578">
  <input type=hidden name=charset value="utf-8">
  <input type=hidden name=lang value="ru">
</div>
<table  width="240" align="center">
<tr><td style="padding: 5px; border: 2px solid #ff0000;background-color: #ffff99;" align=center><table cellspacing=1 cellpadding=2 align=center>
<tr><td><input type=hidden name="did[]" value="21692"></td></tr>
<tr><td style="font-family: Verdana; font-size: 8pt; color: #000000; font-weight: bold;" align="center">Ваш e-mail:&nbsp;<font color="#ff0000"><b>*</b></font></td></tr>
<tr><td align="center"><input type=text size="20" style="font-family: Verdana; font-size: 8pt; color: #000000; background-color: #ffffff; " name="field_email" value=""></td></tr>
<tr><td style="font-family: Verdana; font-size: 8pt; color: #000000; font-weight: bold;" align="center">Ваше имя:&nbsp;<font color="#ff0000"><b>*</b></font></td></tr>
<tr><td align="center"><input type=text size="20" style="font-family: Verdana; font-size: 8pt; color: #000000; background-color: #ffffff; " name="field_name_first" value=""></td></tr>
<tr><td align="center"><input name="SR_submitButton" type=submit style="font-family: Verdana; font-size: 8pt; color: #000000; font-weight: bold;" value="&raquo;Получить книгу&laquo;"></td></tr>
</table></td></tr></table></form><!-- SmartResponder.ru subscribe form code (end) -->
<p align='center'><strong><br />
  <noindex>
    <a href="https://feeds.feedburner.com/Katya_Pushkareva" target="_blank">И подключайся к RSS!</a></noindex>
</strong></p>
  </center></td></tr></table></td><td width="7" height="7"></td></tr><tr><td bgcolor="#cccccc" height="360"></td></tr><tr><td width="7" height="7"></td><td width="246" bgcolor="#cccccc"></td><td bgcolor="#cccccc"></td></tr></table></span><script language="javascript" type="text/javascript">function SR_startPopOver(){    popover_start('SR_PopOver', 15, 0, 'center','window-height','center','middle');}popover_set_margins(5, 5, 5, 5);window.setTimeout(SR_startPopOver, 0);</script>
<!-- PopOver code (end) -->

I’m insert this code in “HTML Inserts: Body Top”. But it looks stange. My design looks bad and popup doesnt scroll down.

In other themes it looks good and work very well.

Where is the problem?