Context Menu Position Help

Question

My client wants to use Theme 12 instead of Theme 13 for the document library packaged application. I am having issues with the context menu. <b>I have the menu working</b>. I dont need links to threads about getting the menu to work. My issue is the position of the context menu is wrong and I have been fighting the css for two days trying to get it to work, I even took a crack at it with Firebug and couldnt get it sorted, but css's arent really my thing either. It appears on the bottom of screen on the left side of the screen. It seems to appear below all other regions, but I havent tested to confirm this.
Using APEX 4.1, IE, Firefox, and Chrome.
Richard

Answer 1

I know this isnt proper by any means but this is what the code ended up looking like
<script type="text/javascript">
function doc_menu1(pThis,pId){
     var lDiv = $x(pThis);
         var test1 = $('#'+pThis.id).position().left + parseInt(lDiv.offsetWidth)
         var test2 = $('#'+pThis.id).position().top
     if(gRow!=lDiv){$x_Hide(gMenu)}
     gRowClick = $x_UpTill(lDiv,'TR');
     if(!gMenu){
           gMenu = $x_AddTag(document.body,'div','');
           gMenu.id = 'MENU_HOLDER';
            gMenu.style.posTop = parseInt(findPosY1(lDiv));
            gMenu.style.posLeft = parseInt(findPosX1(lDiv)) + parseInt(lDiv.offsetWidth);
     $x_Show(gMenu);
     var get = new htmldb_Get(null,html_GetElement('pFlowId').value,'APPLICATION_PROCESS=DOC_MENU',0);
     get.add('DOC_ID',$x(lDiv).id);
     get.GetAsync(doc_menu_click_return);
     return;
function findPosX1(obj) {
     var curleft = curtop = 0;
         if (obj.offsetParent) {
              do {
          curleft += obj.offsetLeft;
          curtop += obj.offsetTop;
              } while (obj = obj.offsetParent);
        return [curleft];
function findPosY1(obj) {
     var curleft = curtop = 0;
         if (obj.offsetParent) {
              do {
          curleft += obj.offsetLeft;
          curtop += obj.offsetTop;
              } while (obj = obj.offsetParent);
        return [curtop];
</script>I put it in the HTML Header of the pages that had the js calls. This worked without any problems.
Richard