Hi all.

Have got myself in a bit of a predicament and am wondering if someone on the forum could point me in the right direction.

Not too fluent in Dreamweaver but have managed to set up a html page with a menu bar running across the top.
One of the links (mortgages) must have a drop down image when the mouse rolls over it, which then gives the user two link options. I've sorted this the best I can by trial and error and have used a 'layer/div' which shows and hides on mouse over and mouse out.

page is here;
http://www.imprint-online.co.uk/clie.../menutest.html

The problem I have is that the layer seems to pop up in different places depending on the size of the browser window. I'm guessing that the layer is being told to appear a certain amount of pixels from the top or left - but is there a way to 'anchor' the layer to stick to a certain place, in this case the 'mortgage' menu link?

Any help would be greatly appreciated.

Luke

This;

  <div id="mortgage" style="position:absolute; width:200px; height:89px; z-index:1; left: 366px; top: 136px; visibility: hidden;">

tells it to be always in the same place regardless of resolution or page width.

Give that the page is designed in tables and using image maps, it will be a little more difficult. unless you got to a fixed width, left aligned layout

I would suggest that you need to learn how to design a layout using CSS for positioning.