Please Help!

I have made a sort of ''product quick view'' page that I am going to use for all the products for my latest gig. The only problem is is that the CSS sprite on one of the images, the one that says''hover over image for product zoom'', the image goes well beneath my specified height, and the hover states on the two buttons beneath it ''jump'' when hovered over, but that only occurs in IE. As well as the cloud-zoom loading box, it is in an entirely different place than it shows in FF/chrome. as well as the ''price'' line of text and ''ver pagina en espanol'' links float weird in IE. To see nearly exactly what I want the page to look like, just check it out in firefox or chrome, and then see it in IE, and please just tell me if there are any severe problems with it that would cause such a drastic change in view for IE. Thanks!!!

link to page:http://p.b5z.net/i/u/10145668/h/ed105263548.html

My Source Code for page is as follows:

Code:
<html>
<head>

<script language="javascript">
 function printpage()
  {
   window.print();
  }
</script>



<!-- Load the Cloud Zoom CSS file -->
<style>
body {
	width: 770px;
	z-index: 3005;
}
#close {
	cursor:pointer;	
}
#wholeedpage {
	width: 750px;	
}
/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
	border: 4px solid #000;
	margin:-4px;	/* Set this to minus the border thickness. */
	background-color:#fff;	
	cursor:move;		
}
/* This is for the title text. */
.cloud-zoom-title {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute !important;
	background-color:#000;
	color:#fff;
	padding:3px;
	width:100%;
	text-align:center;	
	font-weight:bold;
	font-size:10px;
	top:0px;
}
/* This is the zoom window. */
.cloud-zoom-big {
	border:4px solid #ccc;
	overflow:hidden;
	width: 30%;
	height: 30%;
}
/* This is the loading message. */
.cloud-zoom-loading {
	color:white;	
	background:#222;
	padding:3px;
	border:1px solid #000;
	margin-top: -20px;
}
#pic {
	float: left;
	border: 1px solid black;	
	margin: 10px;
	border: none;
	z-index: 5;
}
a img {
	border: 1px solid black;	
}
p#det {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1em;	
	padding: 15px;
}
span#bold {
	font-weight: bold;
	text-decoration:underline;
	padding-bottom: 3px;
	
}
div#closewin {
	width: 200px;
	height: 50px;
	float:left;	
}
h2 {
	z-index: 9999;
	font-size: 1.1em;
	position:absolute;
	
}



#pro_ov {
	float:left;	
	border: 1px solid black;
}
div#hov {
	width: 373px;
	height: 38px !important;
	background:url(http://p.b5z.net/i/u/10145668/h/zoom.png) -351px 0px;
	margin-top: 15px;	
}
a#print {
	width:174px;
	height:38px;
	margin-top:43px;
	background:url(http://p.b5z.net/i/u/10145668/h/zoom.png) -175px 0px;
	text-indent:-9999em;
	cursor: pointer;
	
}
a#print:hover {
	background:url(http://p.b5z.net/i/u/10145668/h/zoom.png) -175px -38px;	
}
a#close {
	width:174px;
	height:38px;
	background:url(http://p.b5z.net/i/u/10145668/h/zoom.png) -1px 0px;
	margin-top:43px;
	text-indent:-9999em;
	cursor: pointer;

}
a#close:hover {
	width:174px;
	height:38px;
	background:url(http://p.b5z.net/i/u/10145668/h/zoom.png) -1px -38px;
	margin-top:43px;	
}
#printbut {
	padding-top: 10px;	
}
div#price {
	padding-top: 10px;	
	margin-left: 10px;
}
span.red {
	color:red;
		
}
a#noscriptlink {
	padding:10px;
	padding-left: 87px;
	padding-right:87px;
	background:#0033FF;
	color:#fff;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;



}
</style>
</head>
<body>
<div id="wholeedpage">
<noscript style="margin-left: 10px; background-color:#CCCCCC; padding: 10px;">This page requires javascript for hover zoom &amp; all features</noscript>

   
    
   
</div>
<div id="pic">
        <a href="http://www.marketingsupportpr.com/epk/KBIS2006ePressKit/Photography/ExistingProducts/Faucets/Ferrara_LK7122.jpg" class = 'cloud-zoom' id='zoom1'
            rel="adjustX: 47, adjustY:0, softFocus: false, position: 'right'" border="none" style="margin-left:37px;">
            <img src="http://p.b5z.net/i/u/10145668/i/i_b_med/611141-med.jpg" width="300" height="300"  alt='Small Image'  />
        </a>
       <noscript> <br><br>



<a id="noscriptlink" href="http://www.marketingsupportpr.com/epk/KBIS2006ePressKit/Photography/ExistingProducts/Faucets/Ferrara_LK7122.jpg">Click Here For Full Product Image</a><br>
<br>
<br>
<br>
<br>
</noscript>

<script>
document.write('<div id="hov"> <div id="hover"></div><a id="print" href="#" onClick="printpage();" style="float:left;">Print Page</a><a id="close" href="#" style="float:right;">Close Window</a></div>');  
</script>



        </div>
       


   
<div style="width: 350px; float:left; padding-top:10px; padding-left: 10px;">

        <div id="title" style="font-weight:bold;font-size:1.3em;">8" Center Frampton Faucet</div>
        <div>
           
            

            <p>Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque</p>
            <ul>
            	<li>This is a product detail.</li>
                <li>This is a product detail.</li>
                <li>This is a product detail.</li>
                <li>This is a product detail.</li>
                <li>This is a product detail.</li>
                <li>This is a really really really really really long product detail, one that will take up a lot of space.</li>
                <li>This is a really really really really really long product detail, one that will take up a lot of space.</li>
                </ul>
        </div>

  
    </div>
    <br>
    <div id="price" style="float:left; z-index:0;">

	<div style="float:left; font-size:18px;">Price: <span class="red">$19.99</span></div><br>

	<script>document.write('<a href="#" style="float:right; margin-left:228px;">Ver p&aacute;gina en espa&ntilde;ol</a>'); </script>
	
	
	 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	 <script type="text/JavaScript" src="http://p.b5z.net/i/u/10145668/h/cloud-zoom.1.0.2.min.js"></script>
 

    <script>
$('#close').click(function(){
  parent.$.fancybox.close(); 
});
</script>

</body>
 </html>