I am getting this display in IE 7

I am getting this display in Firefox:

for the following code

Could anybody point me, What I should do to make the IE Display simalar to Firefox and also, How Do I make the Size should be same for all the headings?
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
Internet Explorer does not support
gradients,shadows, norborder-radiusproperties.border-radiusis supported in IE9, but this won’t be of much help!You can look into CSS3 Pie, which uses IE-specific .htc files to achieve almost the same effect.
For now, if you really need to be fully compatible with all IE’s (and other browsers for that matter) I’d use an image. It’s not very nice but at least you can rest assured that it will always work 😉