I'm using css menu in top of my page and i see menu is behind the image slider on IE but it working fine with firefox .
also my menu and footer text aligen is left on firefox but it's middle and top on IE . and i want in both of them left aligen like firefox .


Use 'text-align' property for your sub-menu. It would like:

ul ul li a {
     text-align: left;

Hope this help!

it dosn't work on IE yet ...

IE lines up items differently, and I have found I actually need separate CSS comments for it to look like I want it to.

In my headers I put (and this is just a sample)

<link href="Style.css" rel="stylesheet" type="text/css" />

<!--[if IE]><link href="ieStyle.css" rel="stylesheet" type="text/css" /><![endif]-->

Yes, it is two separate css stylesheets - but if it messes up in IE, I know which one to fix, and if in all the others - I fix the other file. This way, I can alter the settings for IE and not mess up my layout (except in IE).