Cross browser issues :@

[liamloveslearning]

Hi everyone, im having cross browser issues on a site im building, my contact form on the right, there is a huge gap between input fields when viewed in IE as opposed to viewing it in firefox, you can see my website here http://prestigeservicecentre.co.uk/ the code for the website looks like this

 

<div id="fcf2">
  <div class="r">
    <span class="style1">Quick Contact</span><span class="style2"><br />
      </span><br />
<span class="f">Full Name: *<br />
<input type="text" name="fullname" size="24" id="fullname" onBlur="trim('fullname')">
</span></div>

<div class="r">
<label for="email" class="req"></label>
<span class="f">Email Address: *<br />
<input type="text" name="email" size="24" id="email" onBlur="trim('email')">
</span>
</div>
<div class="r">
<label for="phone"></label>
<span class="f">Telephone:<br />
<input type="text" name="phone" size="24" id="phone" onBlur="trim('phone')">
</span></div>

<div class="r">
<label for="comments" class="req"></label>
<span class="f">Comments: *<br />
<textarea cols="19" rows="3" name="comments" id="comments" onBlur="trim('comments')"></textarea>
</span>
</div>

<!-- the section below MUST remain for the magic to work -->
<!-- although feel free to change the style / layout -->
<div class="r">
<label for="quest" class="req"></label>
<span class="f"><?php echo $question; ?> <em>*</em><br />
<input type="text" name="answer_out" size="6" id="answer_out" onBlur="trim('answer_out')">
<!-- link above MUST remain if you have not purchased a license -->
</span>
</div>
<!-- section above must remain -->


<div class="sp"> </div>

<input type="submit" value="Submit">
<br />
<?php
if(isset($_GET['done'])) {
    echo '<div align="center" style="color:#9A8F57;font-weight:bold">'.$confirmation_message.'</div>';
}
?>
<br />

</div>

[haku]

Step one: validate your HTML

 

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fprestigeservicecentre.co.uk%2F

 

That solves a lot of cross-browser issues.