[jameszxcv]

i would not suggest positioning the nav absolute in the first place, but im not sure if you had to?

well anyway first i would

*{
margin:0;
padding:0;
}

this will take away default brower margin, padding .

body{
position:relative;
}


i would also position the nav from top : ??px using px, i find it easier to work out how much room things need etc.

#home {
background: url(home.gif) no-repeat;
position: absolute;
top: 0px;
left:25.2%;
height:90px;
width:29px;
}

#contact {
background: url(contact.gif) no-repeat;
position: absolute;
top: 80px;
left:25.2%;
height:90px;
width:29px;
}

#work {
background: url(work.gif) no-repeat;
position: absolute;
top:150px;
left:25.2%;
height:90px;
width:29px;
}

#about {
background: url(about.gif) no-repeat;
position:absolute;
top:230px;
left:25.2%;
height:90px;
width:29px;
}



looks better like that and the nav does not move when browser is resized
if you are going to use *{marin:0;} part you are going to have to position things again.