In IE7, there is an extra spacing created between the question and the options,

Question

0

Asked: May 28, 20262026-05-28T00:37:54+00:00 2026-05-28T00:37:54+00:00

In IE7, there is an extra spacing created between the question and the options,

0

In IE7, there is an extra spacing created between the question and the options, but only for the first question. If I remove the <h1> title, the gap disappears. It doesn’t happen in IE8. What is the cause and how do I make it work in IE7?

<!DOCTYPE HTML>
<html>
<head>
    <style type="text/css">
        .question { padding-bottom: 25px; } 
        .questionNumber { width:30px; float:left; } 
        .questionText { float:left; margin-bottom:5px; }
        .options { clear:both; margin-left:30px; } 
    </style>
</head>

<body>
    <h1>Survey</h1> <!-- if this line is removed, the gap disappears -->
    <div class="question">
        <div class="questionNumber">1)</div>
        <div class="questionText">Question 1:</div>
        <div class="options">
            <input type="radio">Option 1 <br>
            <input type="radio">Option 2 <br>
            <input type="radio">Option 3 <br>
            <input type="radio">Option 4 <br>
        </div>
    </div>

    <div class="question">
        <div class="questionNumber">2)</div>
        <div class="questionText">Question 2:</div>
        <div class="options">
            <input type="radio">Option 1 <br>
            <input type="radio">Option 2 <br>
            <input type="radio">Option 3 <br>
            <input type="radio">Option 4 <br>
        </div>
    </div>

</body>
</html>

enter image description here