im SO hoping you can help
i am building a drop down menu that works on a mouseover an imagemap/navigation strip and am having some difficulties.
here is the url to my template page
http://www.law.widener.edu/documentatio ... ener.shtml
here is the url to my js
http://www.law.widener.edu/documentatio ... nu_data.js
url to css:
http://www.law.widener.edu/documentatio ... idener.css
relevant css:
<snipped>
#stripe{
z-index: 15;
background: 0 none;
border: 0 none;
padding:0px;
top:69px;
left:11px;
position: absolute;
margin: 0px 0px 0px 0px;
}
#stripe a:link{
border: 0 none;
padding:0px;
margin: 0px 0px 0px 0px;
}
</snipped>
1. i am using css/xhtml and the navigation strip (#stripe) is absolutely positioned. as soon as i applied the menu,
the strip shifted down some 5 to 10 pixels in
Mozilla for Mac,
IE5pc,
finally, the menus dont work at all on my Opera 5 for mac
2. the position of the menus:
they do not load directly below the strip. in fact, the menu for the lefthand 'prospectives' sometimes will load all the way to the right of the page.
how can i fix this erratic loading of the menus on the page? id really like to see the menus nice and tight right below the navigation strip.
any help at all greatly appreciated
cass