Position Floating Boxes for dropdown navigation???

[sheikyerbouti]

A quick overview: I created a dropdown menu (navigation system)with some images in GoLive. For the sake of clarity and simplicity, i'll just say there were 4 main headings and when you mouseover each of the headings there is a Floating Box that appears with additional options for navigation within the site. I've set it up so that when you mouseover any of the 4 main headings, it also Hides the other 3 Floating Boxes. (I should mention that i've created this page as nav_bar.html within the .site and i have now made nav_bar.html a Component in the Extras pane of the .site window.) Okay, so when i preview the nav_bar page on it's own... the floating boxes appear directly UNDER the main heading that they relate to (as i want them to) but when i put this component in one of the pages of my site, the Floating Box pops up at the exact pixel dimensions (width and height) that i specified in the original nav_bar.html.... The problem is this... i have a big logo at the top of every page and therefore the pixel dimensions are now OFF and the Floating Box appears right over the logo...
What i want to do is find a way to have the Floating boxes appear RELATIVE to the image that they are called by, rather than ABSOLUTE pixels over and down from the top left corner of the page. The reason for this is that if i ever change the Logo dimensions, i won't have to go back and re-locate my FloatingBoxes based on the dimensions of the new logo.


Anyone?? I really need to figure this one out. Please feel free to ask if you think you can help but you need further clarification as to what i've got going on. Thank you very much. I can also give you a link to a test page in the site so you can look at where the Boxes are popping up.


Thanks again. I appreciate the help.


-pete