Can someone help me fix this for IE?

I've recently started to design (it's still heavily under development) for a local business around me. I've got a skeleton structure of the site up, and it works just fine in firefox and safari, but when it's in IE, it's not working as well...

Basically, I've got an inline menu, and in IE the contact us button doesn't sit right... it seems to sit lower than the rest of the buttons.

The site is http://www.lincsweddingcars.co.uk and i'm sure you can get to the CSS easily.

So baically I would like to know two things:

1) How can I fix the menu for IE
2) What is the best way to get my footer to be at the bottom on each page?

Thanks in advance

 

I can help you regarding this , I have enough experinece

 

I'm only looking for a few lines of code to fix this, so the links line up in IE, and so I can make the footer align to the bottom of each page, I lack a budget for this unfortunately

 

Why don't you create a CSS file for IE and place it in couple tags

In this IE CSS, you can do everything to make it suitable for IE.

 

Well i don't know why the links do what they do :S and so that wouldn't help me fix the last button sitting a few pixels lower. but thanks for the suggestion

 

i've looked at your site in al ie versions and the contact button looks fine to me.

i don't believe you can make the footer stick to the bottom of the page only with html, you'll probably need some javascript to get the height.

 

This is the best solution. IE renders CSS in a different way to the rest of the browsers so it's best to provide a separate stylesheet for IE users. You can find out more about IE's CSS issues here

As for the footer you could try using a php include statement at the bottom of each page if your server is php enabled.

 

You should only ever use IE hacks as a last resort. The problem is caused by the empty ul container's margin and padding (because it's children are positioned absolutely). To fix this, find the line in your CSS file

#container #header #links ul {
    display: inline;

Code (markup):

and add after

    margin: 0;
    padding:0;

Code (markup):