RE: CSS Negative Margin Issue

HTML & CSS
1

Hi,

I’m working on a layout which I’ve used a negative top margin on the image of the lady but this has meant that part of the menu has come inaccessible.

Is there an easier way of resolving this?

Thanks

2

Set position relative on the nav to keep it on top.


oNavigation {border:0 solid red;
color:#43003E;
float:left;
font-size:20px;
margin-top:120px;
[B]position:relative;[/B]
width:424px;


}

Is that what you meant ?

3

One thing you could do is this:

  • give the header div position: relative;
  • move the image into the header. Give it position: absolute, right and top coordinates (eg top: 400px; right: 0; ) and give it z-index: 1;
  • set the UL to position: absolute; z-index:10;

Worth a try, anyhow. Worked for me in testing, but might need some fiddling.

EDIT: gulp! Paul’s solution is so much simpler!