CSS question about block positioning in IE

[bitt3n]

This page http://wikikwiz.com displays fine in FF/Chrome (looks like this http://mrkwiz.com/firefox.png), but in IE7, the center block gets displayed too low (like this http://mrkwiz.com/ieproblem.jpg).

The CSS for this block is

#registration_box {
width:700px;
height:330px;
border: 1px solid #7989b0;
border-bottom: 1px solid #003468;
background: white;
margin-left:150px;
padding:30px 23px 22px 40px;
}

A link to the full CSS file is here http://wikikwiz.com/mrkwiz.css.

Any advice on what I am doing wrong would be greatly appreciated.

 

[pubicenemy]

I would try adjusting the width down in #registration_box or #login_form by 1 or 2 px to see if that makes room for #login_form and #registration_box tp fit side by side inside of #index_container. IE6 is notoriously bad for it's box-model implementation and I am not sure if they got it completely fixed in IE7. If it's not a horizontal space constraint try floating #registration_box.

 

[bitt3n]

thanks! bumping down the width of #registration_box fixed the problem.

incidentally I posted another question here http://forums.anandtech.com/me...=2310455&enterthread=y in case you might have any advice on it, that would be excellent. thanks again.