I don't know if this is even possible (hopefully it is) but, I'm looking for a way to align a div or an image past the leftmost extremity of the browser window.

What I am trying to do is when you mouseover a link, an image will overlay the entire screen contents. The image itself has a blank area that overlaps with the link being highlighted.

The problem I am running into is that I want for the image to stay aligned with the link regardless of the browser window size as shown in these mockups. The green area is where the image would be when the mouse is over the link.


Any help is appreciated! Thanks