Another no doubt simple CSS issue I need help with

[sirichmond]

Hi all,

I am trying to put my nav bar at the top and have it so that it is 100% but max width of 1400px so it fills the width of my scaleable background.

So so far I have it at 100% but it leaves a gap in IE at the left hand side and also puts a scrollbar at the bottom at my res of 1280x1024, how do I fix this?. I know this has nothing to do with the scaleable background as that works by itself no problems.

Any help as usual greatly appreciated.

http://www.shinehairsalon.net/ATGNI/index3.html

CSS for nav

.nav {
width: 100%;
max-width:1400px;
background-color:#000;
height:42px;
}
Simon

ps: Also need to centre the nav bar so it stays with the background

 

[GravyMonster]

You need to remove the margin which is applied to the body by default: body: margin: 0.

A reset stylesheet would help, as it would reset all browsers to a common state.

 

[sirichmond]

Spot on scroll bar gone and now no gap thanks

 

[craptakular]

Doesnt work when the page is minimised or when u use the snap feature