I am designing a webpage which is on the internet right now (www.focuzeal.com). It can be seen well via Mozila Firefox and Google Chrome but not in IE (Internet Explorer). Try opening in Mozila Firefox and Google Chrome, it’s ok, then open in IE and see how it appears. The menus get to squeeze together and the whole page looks funny! By looking at the source, what could be the problem with my coding?

omg your code is soooo bad, i can live with embeded css but inline? come on?!
Anyways it has something to do with the margin and padding values in either:
#menu a
or
#menu ul
IE applies margin and padding values slightly different to other browsers so my 1st recommendation would be to remove the shorthand version of these and write out the full
padding-left
padding-right
padding-top
padding-bottom
margin-left
margin-right
margin-top
margin-bottom
yes its lengthy but until you get the site looking the way you want put up with it and then switch to shorthand when u optimise later. And 4 gods sake switch to an external style sheet pls