Navigation alignment issues with Internet Explorer

[nkespi]

Ok, so this is my first site I’ve ever built and i just used jQuery to create a panel(?) for the services page of the site. I used CSS sprites to create the navigation buttons but am having problems with Internet Explorer. For some reason it is pushing the navbar outside of its parent div (id="wrapper") to the right edge of the grandparent (id="container"). You can view the page at http://www.johnbieslandscaping.com/services.html. It looks great in Firefox and Safari but won’t align right in IE. Keep in mind that I’m not talking about the main navigation at the top of the page. Any help figuring this out would be much appreciated. Thanks!

[Rob MacKay]

Firstly Welcome!

Secondly – Well done! You are doing well, a great first site – awesome that you are using sprites and jQuery already!

OK so the beef. Its always good to use the w3 validators to pick up errors for you. For example – you have alot of units missing from the ends of widths and such in your CSS (units being units of measure, like px or em… "500px")

Take a look here: http://jigsaw.w3.org/css-validator/vali … vices.html

Also I would do a HTML validate too – that will sort some stuff out :)

http://validator.w3.org

btw – well done for using Strict Doctype too – if this is your first site it looks like you have done your homework :)

[Author]

Posts