Positioning a navigation graphic without negative margins

HTML & CSS
1

I have a navigation graphic with an image map that covers part of my page, like so:

The CSS for this graphic is as follows:

#nav {
	position: absolute;
	width: 439px;
	height: 385px;
	left: 500%;
	margin-left: -680px;
	margin-top: -127px;
	z-index: 5;
}

I decided to do this because the rest of the page is centred. The problem with this is that once the browser window becomes narrow enough, the graphic starts shifting over to the left, out of view, in no way accessible. What other methods can I use to position this graphic?

2

If you give a near parent position:relative, you can lower the values of the absolute position element and thus it won’t shift out of the way :slight_smile:

If you post a link to where this is at I can give you an exact code answer :slight_smile:

3

That worked perfectly. Thank you very much! :slight_smile:

4

You’re welcome :).