Помогите подружить шаблон с всплывающим меню

[mandarin]

Здравствуйте! Прошу у вас помощи, так как сам уже не знаю что делать. Промучился практически неделю пытаясь разобраться в причинах, ходил в гугл, то ли не так спрашивал, то ли просто не повезло
Суть проблемы в следующем: На шаблон повесил рамку из картинок, и после этого NAVBAR POPUP MENUS сместилось вниз и вправо! Думаю, что это из за неграмотного позиционирования всего шаблона по центру, т. к. у всплывающих менюшек прописываются жесткие координаты, и ясно - они же ведь отсчитываются от чего то! Но вот от чего и чем?

Я не прошу сделать все за меня, но если знаете в чем дело, хотя бы пните в нужном направлении, буду очень благодарен :)

Ресурс где эта проблема _tagteam .ru/forum/index.php если кликнуть например по поиску то отобразиться он где то в стороне, а не под самим словом поиск

Часть кода общего шаблона header:

PHP код:

<div class="wrapper">
<!-- HEADER --><div class="header-utility"></div><!-- /HEADER -->
<!-- MAIN -->
    <div class="main-page">
        <div class="content-container">
        <div class="above_body"><!-- closed later in vb DONT REMOVE -->
            <div id="header" class="floatcontainer doc_header"></div>
        </div><!-- closing div for above_body -->
        <div class="body_wrapper">
        <!-- main -->        

<!-- main -->

<!-- logo -->

<a name="top"></a>
<table border="0" height="118" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
    <td align="$stylevar[left]"><a href="$vboptions[bburl]/$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
    <td align="$stylevar[right]" id="header_right_cell">
        <if condition="$ad_location['ad_header_logo']">$ad_location[ad_header_logo]<else />&nbsp;</if>
    </td>
<if condition="$show['member']">
далее идет стандартный код... 


Часть кода общего шаблона footer:

PHP код:

стандартный код...
<script type="text/javascript">
$searchcloud
<!--
    // Main vBulletin Javascript Initialization
    vBulletin_init();

//-->
</script>

<!-- /main -->

            
        </div> <!-- closing div for body_wrapper -->



    </div>
    <div id="top-top-border"></div><!-- Adds top decoration, no content :( -->
    <div id="top-left-border"></div>
    <div id="top-right-border"></div>

    <div id="bottom-bottom-border"></div> <!--Adds bottom decoration, no content :(-->
    <div id="bottom-left-border"></div>
    <div id="bottom-right-border"></div>
    </div>
  <!-- /MAIN --></div> 


Основная таблица стилей CSS

PHP код:

.thead1
{
margin-right: 15px !important;
background: #494849 url(images/evid_blue/gradients/thead.gif) repeat-x top left;
color: #FFFFFF;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.thead1 a:link, .thead1_alink
{
color: #FFFFFF;
}
.thead1 a:visited, .thead1_avisited
{
color: #FFFFFF;
}
.thead1 a:hover, .thead1 a:active, .thead1_ahover
{
color: #CCCCCC;
}

.dcc {
background-image: url(images/evid_blue/gradients/dc_centre.gif); 
height: 5px; 
font-size: 1px; 
line-height: 1px;
padding: 0px 0px 0px 0px;
}
.dcg {
float: left; 
background-image: url(images/evid_blue/gradients/dc_gauche.gif); 
width: 20px; 
height: 5px;
}
.dcd {
float: right; 
background-image: url(images/evid_blue/gradients/dc_droite.gif); 
width: 20px; 
height: 5px;
}
.nav1 {
color: #323232;
font: bold 13px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.nav1 a:link, .nav1_alink
{
color: #323232;
font: bold 13px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
text-decoration: none;
}
.nav1 a:visited, .nav1_avisited
{
color: #323232;
font: bold 13px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
text-decoration: none;
}
.nav1 a:hover, .nav1 a:active, .nav1_ahover
{
color: #323232;
font: bold 13px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
text-decoration: underline;
}
.cat1 {
background: url(images/evid_blue/gradients/tcat_center.png) repeat-x top left;
color: #323232;
font: bold 13px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.cat1 a:link, .tcat_alink
{
color: #323232;
font: bold 13px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
text-decoration: none;
}
.cat1 a:visited, .tcat_avisited
{
color: #323232;
font: bold 13px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
text-decoration: none;
}
.cat1 a:hover, .tcat a:active, .tcat_ahover
{
color: #323232;
font: bold 13px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
text-decoration: underline;
}
/****************************/
/********************/
/****************************/
body
    {
    padding: 0;
margin:0;

}
html.standard_error, body.standard_error 
    {
    background-image: none !important;
    }
.wrapper 
    {
    width: 1036px;
    margin: 0 auto;

    }
.header-utility 
    {
    width: 1036px;
    height: 250px;
    }
.main-page 
    {
    width: 1036px;
    position: relative;
    z-index: 1; 
    }
.main-page > header 
    {
    height: 108px; 
    }
.content-container
    {
    position: relative;
    z-index: 1;
    padding-left: 38px;
    padding-right: 38px;
    /*overflow: hidden;*/
    min-height: 420px; 
    padding-bottom: 8px; 

    }
.content-header 
    {
    width: 550px;
    position: absolute;
    left: 0;
    top: 0;
    height: 102px;
    }

/****************************
Visual Styles
****************************/
.mn_bottoms a img
    {
    float: right !important; margin-right:5px !important; 
}
html 
    {
    background: black url("images/mnstyle/map.jpg") no-repeat top fixed;
    }
body
    {
    background: url("images/mnstyle/utility-bar-bg.jpg") no-repeat top;
    z-index: 0; 
    
    }
.header-utility
    {
    position: relative;
    background: url("images/mnstyle/header.png") no-repeat;
    }
.main-page
    {
    background: url("images/mnstyle/border-bg.jpg");
    }
.content-container
    {
    }
#top-top-border {
  position: absolute;
  z-index: 2;
  width: 1078px;
  height: 68px;
  left: -14px;
  top: -47px;
  background: url("images/mnstyle/border-top-top.png") no-repeat top left;
  z-index: 5; }

#top-left-border {
  position: absolute;
  z-index: 2;
  width: 74px;
  height: 230px;
  left: -14px;
  top: 21px;
  background: url("images/mnstyle/border-top-left.png") no-repeat top left;
  z-index: 5; }

#top-right-border {
  position: absolute;
  z-index: 2;
  width: 85px;
  height: 233px;
  right: -28px;
  top: 21px;
  background: url("images/mnstyle/border-top-right.png") no-repeat top left;
  z-index: 5; }

#bottom-bottom-border {
  position: absolute;
  z-index: 2;
  width: 1078px;
  height: 100px;
  left: -14px;
  bottom: -59px;
  background: url("images/mnstyle/border-bottom-bottom.png") no-repeat top left; }

#bottom-left-border {
  position: absolute;
  z-index: 2;
  width: 74px;
  height: 123px;
  left: -14px;
  bottom: 41px;
  background: url("images/mnstyle/border-bottom-left.png") no-repeat top left; }

#bottom-right-border {
  position: absolute;
  z-index: 2;
  width: 85px;
  height: 87px;
  right: -28px;
  bottom: 41px;
  background: url("images/mnstyle/border-bottom-right.png") no-repeat top left; }


body {
/*overflow-y: hidden; */
color: #fff;
}

.above_body {
background: #281908;
}