An image lines up great in Firefox, but IE??? HELP

[majpix]

Hello,
I am real and geniune newbee. I had a friend create an "entry" page for my website.
www.jonasphoto.com
If you view it in Firefox, the image lines up fine, but in IE, the image looks too short. I am at a loss! I am attaching the CSS entry page; perhaps someone can point out where the correction needs to be???
Please.
Thanks:
Code:
body {
font: 62.5% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
background-color: #000;
color: #fff;
margin: 0px;
}
h1, h2, h3, p, li, td {
margin:0px;
}
#logo {
margin-top: 100px;
margin-left:10px;
}
#container {
background: #000;
border-bottom:2px solid #c49d4e;
border-top:2px solid #c49d4e;
height: 325px;
width:100%;
}
#inner {
width:750px;
margin:0px auto;
}
#first {
float:right;
background: #111;
height:300px;
}
.info {
float:left;
color:#777;
width:300px;
height:300px;
margin-top:50px;
text-align:center;
}
.info a,
.info a:link,
.info a:visited {
color:#eee;
text-decoration: none;
}
.info h2 {
font-size: 18px;
padding: 10px;
font-weight: normal;
}
.info h3 {
font-size: 14px;
padding: 10px;
font-weight: normal;
}
.info p {
padding: 10px;
}
#footer {
text-align: right;
padding:5px;
font-size: 1em;
color:#c49d4e;
}
#footer a {
color:#c49d4e;
text-decoration: none;
}