A bit too many class' going on for me to really give a solid answer, but it looks like you might be setting the navigation div that holds all the list items to a width of 140px.
^^the above is an instance where this might be the case. I understand that it to make the width of each li 140px and not the list itself though.
My suggestion is to put the navigations links in a div/span w.e that is the width of your page (roughly 700px) so that IE won't shove the list off to the right. It looks like they are in a container at the moment that is forced to the right because it is set to float but has no pre-determined width.
You didn't specify on which version(s) of Internet Explorer it looks bad, and also not what part(s) look bad. You'll have to be a little more specific.
I'm guessing that you mean the top menu on IE7. This is because you give #top a height of 100px. Either remove that, or increase it to 180px.
"London Evening Standard/ British Airways" drops to two lines and forces "girlguiding UK" to get stuck on the right of it. Either reduce the font size to make a single line or force all of your divs to be the same height.
heres the url..
carolinekeyzormirror.dreamhosters.com
http://carolinekeyzormirror.dreamhosters.com/portfolio-items/london-evening-standard-british-airways/
why don't you fix it with internet explorer class, this is what i do
everything that has
iewill only apply to ie, like:#pages li{float:left; font-size:1.2em;font-weight:normal;list-style-type:none; width:140px; margin-left:15px;text-transform:uppercase; margin-top:20px}
^^the above is an instance where this might be the case. I understand that it to make the width of each li 140px and not the list itself though.
My suggestion is to put the navigations links in a div/span w.e that is the width of your page (roughly 700px) so that IE won't shove the list off to the right. It looks like they are in a container at the moment that is forced to the right because it is set to float but has no pre-determined width.
I'm guessing that you mean the top menu on IE7. This is because you give #top a height of 100px. Either remove that, or increase it to 180px.
Also on this page http://www.carolinekeyzor.co.uk/portfolio/
in the 3rd line shows only one image
"London Evening Standard/ British Airways" drops to two lines and forces "girlguiding UK" to get stuck on the right of it. Either reduce the font size to make a single line or force all of your divs to be the same height.
But there is one version on the root of your www and another in your theme folder.
That's basically the definition of IE around here, sadly.