<span> prices moves to next line in IE-7

Hi all

SPAN (prices) moves to next line in IE-7

here is the screeshots

http://wdpixels.com/banners/spanprices.gif

here is my code which work fine in firefox but not in IE7


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
.shipping_options p{line-height:24px; padding-left:10px; width:700px; margin:0px; padding:0px;}
.shipping_options input{vertical-align:middle; padding:0px; margin:0px;}
.shipping_options p span{float:right;}
</style>
</head>

<body>
<form>
<div class="shipping_options">
<p><input type="radio" value="" /> Mobile Phones and Cameras <span>$ 12.00</span></p>
<p><input type="radio" value="" /> Washing Machines and accessory <span>$ 15.00</span></p>
<p><input type="radio" value="" /> perfumes and Memory cards <span>$ 7.00</span></p>
<p><input type="radio" value="" /> Mobile Accessories, Cameras Accessories<span>$ 10.00</span></p>
</div>
</form>
</body>
</html>

vineet

Am unable to get to a machine with IE at the moment :(.
But I noticed you have a transitional doctype… which might is probably giving you headaches.