Posicionamiento CSS IE 7

Buenos días,

tengo un problema con un posicionamiento. En F irefox lo saca bien pero en IE 7 me saca u n scr o ll h o rizo n tal enorme. El codigo es el siguiente, pongo el HTML y el C SS:

<code>&lt;div id="content"&gt;
&lt;div id="logo"&gt;
&lt;/div&gt;
&lt;div id="login-User"&gt;
&lt;p id="title-app"&gt;
Indexación y Extracción de Logs
&lt;/p&gt;
&lt;span id="mensaje"&gt;&lt;/span&gt;
&lt;form id="frmLogin" name="frmLogin" method="post" action="#"&gt;
&lt;label&gt;login&lt;/label&gt;
&lt;input type="text" id="userTxt" name="user" value="" maxlength="20" /&gt;
&lt;label&gt;password&lt;/label&gt;
&lt;input type="password" id="claveTxt" name="clave" value="" maxlength="20" /&gt;
&lt;input type="button" id="btnlogin" name="btnlogin" value="ENTRAR"
&lt;/form&gt;
&lt;/div&gt;
&lt;div id="content2"&gt;
&lt;/div&gt;
&lt;/div&gt;</code>

Y el CSS es el siguiente:

<code>div#content{
width:968px;
height:610px;
margin: 10px auto 0 auto;
}
div#logo{
border-top:1px dotted #00b303;
width:968px;
height:65px;
background-image:url(../images/logo.gif);
background-position:right;
background-repeat:no-repeat;
}
div#login-User{
width:968px;
height:45px;
border:1px solid #cccccc;
}
p#title-app{
height:27px;
background-color:#00b303;
background-image:url(../images/arrow.gif);
background-repeat:no-repeat;
background-position:5px 13px;
color:#ffffff;
text-align:left;
width:550px;
margin:4px 0px 0px 4px;
padding:10px 0px 0px 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffffff;
}
div#content2{
width:968px;
height:400px;
border:1px solid #cccccc;
}</code>

el DIV cotent2 me saca la barra de scroll horizontal del navegador y no sé porqué, ya que esta contenida en otra DIV que es content que limita el contenido.

Gracias por todo,