Need Help With Nav Bar

[jhaydon]

First of all, I'm not a CSS expert. If I was, I wouldn't need to be posting for help here. Secondly, I have been doing web design for several years, just not css. Thirdly, I need help and hope someone who knows how to help a person without making them feel like they are a complete idiot can help me.

I need to know how to code a nav/menu bar (or whatever you want to call it) in a css template so that it works in IE. It works in Firefox, but doesn't work in IE, which is very strange to me cause it's usually the opposite. The site is www.outbikes.com. The nav/menu bar is the one that is below the search box.

Here is the code:

#header h3{
width:86px;
margin:0;
padding:0;
height:80px;
position:absolute;
font-size:1em;
left:694px;
top:70px;
}

#header h3#home{
left:245px;
}
#header h3#about{
left:350px;
}
#header h3#view_cart{
left:480px;
}
#header h3#my_account{
left:635px;
}
#header h3#help{
left:720px;
}
#header h3#search{
left:800px;
}

#header h3#top_bar{
left:245px;
top:80px
}


I'm very very desperate, please help if you can.

Thank you!
Joy

[drhowarddrfine]

It works in Firefox, but doesn't work in IE, which is very strange to me cause it's usually the opposite.

This should never be the case. IE is nine years behind web standards while Firefox is fairly current. If your markup does not work in FF, but it does in IE, then your markup is wrong.

As in this case, validation shows you have 177 HTML errors and five CSS errors. Typical of pages generated with asp and .NET.

I do not have my Windows box available at the moment so, what exactly are the problems you are having with IE?