Can someone have a look at the attached and show me where I'm going wrong please.

 

I've got the rollover image working fine but I can't get rid of the indent!!?

 

 

I want the nav tag to be 720px - so it fits in the main div tag.

 

Any advice will be appreciated.

 

Jo.

rolloverbtns.zip

Hi Josoap

 

Was confused by this for a bit too, but then I realised you hadn't defined the CSS for you <ul>, it will automatically have padding on it so you need to remove it by adding in the following defenition:

 

#navbar ul {

 

padding:0;

 

}

 

That seems to fix it

Hi Josoap

 

Was confused by this for a bit too, but then I realised you hadn't defined the CSS for you <ul>, it will automatically have padding on it so you need to remove it by adding in the following defenition:

 

#navbar ul {

 

padding:0;

 

}

 

That seems to fix it

 

 

Thanks! That did work. Actually I added margin: 0px; which solved IE/Firefox differences.