**Semi Solved**
Ok for anyone interested or experiencing offset issues with their popup menus here is what I experienced and not quite sure why.
1 ) My template is an all CSS layout with two columns, header and footer. I placed the top portion of the code in header box under "common templates" and the footer portion as well.
2 ) My design included a header div as such <div id="header"></div> which was set to 170px in height and a position of relative.
PROBLEM HOWEVER:
3 ) The problem was that all popup menus regardless of location in the forum were offset 170px lower than they should have been. So for instance if I clicked on "Search" the drop down search box would be 170px below the search link. Not real attractive to say the least.
4 ) I tried everything even building my theme from scratch with a fresh install of a VB Default Theme and simply added a padding div on top of the theme for 170px to see if it was my design or just something particular to vBulletin. I ended up with the same issue. Anytime I put a sized block element above the code the JS menus are offset by the same dimensions.
Why? Well I'm not real sure and I'm hoping someone can shed some light on this.
Here is a clean example for your review;
A Simple Header Section in Common Templates
Code:
<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
<td align="$stylevar[left]"><a href="$vboptions[forumhome].html?$session[sessionurl]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
<td align="$stylevar[right]"> </td>
</tr>
</table>
<!-- /logo -->
<!-- content table -->
$spacer_open
$_phpinclude_output
New Header Block Elements in Common Templates
Code:
<div id="bodybanner">/*used for repeat background*/
<div id="bodybanner2">/*used for repeat background 2*/
<div id="maxouter">/*The max container*/
<div id="ma2">/*these sub id's represent variable width corners*/
<div id="ma3">
<div id="ma4">
<div id="ma5">
/*the actual container for the forum*/
<div id="pagewrapper">
<div id="example-spacer" style="height:270px;"></div>
<div id="wrapper" class="clearfix">
<div id="rightcolumn">vBulletin Elements Here</div>
<div id="maincolumn" class="clearfix">
$spacer_open
$_phpinclude_output
What I did was set the
vbmenu_popup to have a margin of -270px and a z-index of 90 which seems to work just fine.
I'll publish a link to the site as soon as I'm done.