Pop ups not working in IE8

Hi guys,

For some reason, in IE8, on product pages (Example) of my ecommerce site, the ‘Size Chart’ and ‘Email to a Friend’ popups don’t work, and the product image lightbox won’t work either. I have turned pop-up blocker off but they still don’t work. These popups work in every other browser I have tested in, including IE7. It seems to only be IE8 that is having this problem.

Upon looking at the page source, one thing I have noticed that both the ‘Size Chart’ and ‘Email to a Friend’ buttons have in common, is that the popups seem (I’m far from an expert) to be ‘triggered’ by a span element (class=“more”) within the HTML. For example:


<div class="row ">

<label >Size: </label>

<strong class="fl"><select name="size" id="size" onchange="checkstock(this.value)"><option value="">Select Size</option><option value="S">S</option><option value="M">M</option><option value="L">L</option><option value="XL">XL</option><option value="XXL">XXL</option></select></strong> 
		  
[B]<span style="text-decoration: underline;" class="size_chart more" title="size_chart1">+ Size Chart</span>[/B]

<div style="display: none;" class="size_chart1 hide" > <div class="close"></div>

<img src="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/images/size_chart.jpg" alt="" />
					  
</div>

<!-- size chart -->

</div>


<ul class="fav_link">

<li class="print"><a href="#" onclick="window.print();return false;">Print</a> </li>

<li class="rss"><a href="http://feeds.feedburner.com/DisobeyClothing">RSS</a> </li>
		   
<li class="emailtofriend">[B]<span style="text-decoration: underline;" class="more" title="tellafrnd_div">Email to a   Friend</span>[/B] </li>

<li class="blank"><span id="tellafrnd_success_msg_span"></span></li>

<li class="blank"><div style="display: none;" id="tellfrnddiv" class="tellafrnd_div hide"> <iframe src="http://www.projectdisobey.com/disobeyclothing/?page=tellafriend_form&amp;pid=402" style="border: medium none ; width: 547px; height: 558px;" frameborder="0" ></iframe> </div> </li>

<li class="share"> 

<div class="a2a_kit addtoany_list"><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://www.projectdisobey.com/disobeyclothing/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></div>

<script type="text/javascript"><!--
var a2a_config = a2a_config || {};
a2a_config.linkname="Know Your Enemy";
a2a_config.linkurl="http://www.projectdisobey.com/disobeyclothing/?p=402";
a2a_config.color_main = "f3f3e7";a2a_config.color_border = "C0C88A";a2a_config.color_link_text = "332402";a2a_config.color_link_text_hover = "332402";a2a_config.color_bg = "7f6f2";

a2a_config.num_services = 14;
//--></script><script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>

</li>

</ul>

I have no idea what could be stopping the lightbox from working.

Here is the full page source:


<!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 profile="http://gmpg.org/xfn/11">
<title>
  Devolution</title>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/style.css" media="screen" />
<!--[if IE 9]><link href="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/customIE9.css" rel="stylesheet" type="text/css"/><![endif]-->
<!--[if IE 8]><link href="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/customIE8.css" rel="stylesheet" type="text/css"/><![endif]-->
<!--[if IE 7]> <link href="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/customIE7.css" rel="stylesheet" type="text/css"/><![endif]-->
<!--[if !IE]>--><link href="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/custom.css" rel="stylesheet" type="text/css"/><!--<![endif]-->
<link href="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/library/css/thickbox.css" rel="stylesheet" type="text/css" />
<style type="text/css">
	* html #infoHolder { top:335px !important;  }
</style>
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://feeds.feedburner.com/DisobeyClothing" />

<link rel="pingback" href="http://www.projectdisobey.com/disobeyclothing/xmlrpc.php" />
<!--[if IE]>
<div style="clear: both; width: 960px; height:45px; margin-right:auto; margin-left:auto; position: relative;">
<a href="http://www.theie7countdown.com/ie-users-info">
<img src="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/images/badge_iecountdown.png" border="0" height="45" width="960" alt="" />
</a>
</div>
<![endif]-->
 <link href="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/library/css/horizontal_menu.css" rel="stylesheet" type="text/css" />
  <link href="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/library/css/vertical_menu.css" rel="stylesheet" type="text/css" />
<script src="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/library/js/jquery-1.3.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/library/js/loopedslider.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/library/js/hoverIntent.js"></script>
<script type="text/javascript" src="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/library/js/superfish.js"></script>

<!-- For Menu -->
<link rel="alternate" type="application/rss+xml" title="Disobey Clothing &raquo; Devolution Comments Feed" href="http://www.projectdisobey.com/disobeyclothing/?feed=rss2&amp;p=380" />

<script type='text/javascript' src='http://www.projectdisobey.com/disobeyclothing/wp-includes/js/l10n.js?ver=20101110'></script>
<script type='text/javascript' src='http://www.projectdisobey.com/disobeyclothing/wp-includes/js/swfobject.js?ver=2.2'></script>
<script type='text/javascript' src='http://www.projectdisobey.com/disobeyclothing/wp-includes/js/comment-reply.js?ver=20090102'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.projectdisobey.com/disobeyclothing/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.projectdisobey.com/disobeyclothing/wp-includes/wlwmanifest.xml" /> 
<link rel='index' title='Disobey Clothing' href='http://www.projectdisobey.com/disobeyclothing' />
<link rel='start' title='Icke Tick' href='http://www.projectdisobey.com/disobeyclothing/?p=91' />
<link rel='prev' title='Bill Hicks Live' href='http://www.projectdisobey.com/disobeyclothing/?p=375' />
<link rel='next' title='Devolution (Alternate)' href='http://www.projectdisobey.com/disobeyclothing/?p=382' />
<meta name="generator" content="WordPress 3.2.1" />
<link rel='canonical' href='http://www.projectdisobey.com/disobeyclothing/?p=380' />
<link href="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/skins/1-default.css" rel="stylesheet" type="text/css" />
<!-- Vipers Video Quicktags v6.3.0 | http://www.viper007bond.com/wordpress-plugins/vipers-video-quicktags/ -->
<style type="text/css">
.vvqbox { display: block; max-width: 100%; visibility: visible !important; margin: 10px auto; } .vvqbox img { max-width: 100%; height: 100%; } .vvqbox object { max-width: 100%; } 

</style>
<script type="text/javascript">
// <![CDATA[
	var vvqflashvars = {};
	var vvqparams = { wmode: "opaque", allowfullscreen: "true", allowscriptaccess: "always" };
	var vvqattributes = {};
	var vvqexpressinstall = "http://www.projectdisobey.com/disobeyclothing/wp-content/plugins/vipers-video-quicktags/resources/expressinstall.swf";
// ]]>
</script>
</head>

<body class="single single-post postid-380 single-format-standard">
	<div id="wrapper">
	<div id="header" class="clearfix">
    	
		<div class="header_left">
		                <a href="http://www.projectdisobey.com/disobeyclothing/"><img src="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/images/logo.png" alt="Disobey Clothing" class="logo"  /></a>             
                                
          </div>      
                
                
                <div class="header_right">
                
                <div class="searchform">

  <form method="get" id="searchform" action="http://www.projectdisobey.com/disobeyclothing">
    <input type="text" value="" name="s" id="s" class="s" onfocus="if (this.value == '') {this.value = '';}" onblur="if (this.value == '') {this.value = ';}" />
    <input type="image" class="search_btn" src="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/images/trans.png" alt="Submit button" />
  </form>
</div>
                	
                 <div class="header_menu">
                 <ul class="menu" >
                          <li class="hometab "><a href="http://www.projectdisobey.com/disobeyclothing/">Home</a></li>
                           														 <li class="page_item page-item-2"><a href="http://www.projectdisobey.com/disobeyclothing/?page_id=2" title="FAQ">FAQ</a></li>

                                                      <li>
                            <a href="http://www.projectdisobey.com/disobeyclothing/?page=store">Store</a>
                            </li>
							<li>
                            <a href="#">Videos/Blog</a>
                            </li>
                           
													                             <li><a href="http://www.projectdisobey.com/disobeyclothing/?page=login#register">Register</a></li>

                           
                                               </ul>
                    </div>
                                        
                    
                    </div>
                
    </div> <!-- header #end -->
<script type="text/javascript"> var closebutton='http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/library/js/closebox.png'; </script>
<script type="text/javascript" src="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/library/js/fancyzoom.js"></script>

<script type="text/javascript" charset="utf-8">
	$(document).ready(function() {
		$('div.photo a').fancyZoom({scaleImg: true, closeOnClick: true});
		$('#medium_box_link').fancyZoom({width:400, height:300});
		$('#large_box_link').fancyZoom();
		$('#flash_box_link').fancyZoom();
	});
</script>

<script type="text/javascript">
/* <![CDATA[ */
$(document).ready(function(){

$('.hide').hide();

$('body').append('<div id="infoBacking"></div><div id="infoHolder" class="large"></div>');
$('#infoBacking').css({position:'absolute', left:0, top:0, display:'none', textAlign:'center', background:'', zIndex:'600'});
$('#infoHolder').css({left:0, top:0, display:'none', textAlign:'center', zIndex:'600', position:'fixed'});
if($.browser.msie){$('#infoHolder').css({position:'absolute'});}


$('.more').mouseover(function() {$(this).css({textDecoration:'none'});} );
$('.more').mouseout(function() {$(this).css({textDecoration:'none'});} );

$('.more').click(function(){

if ($('.' + $(this).attr("title")).length > 0) {

	browserWindow()
	getScrollXY()

	if (height<totalY) { height=totalY; }

	$('#infoBacking').css({width: totalX + 'px', height: height + 'px', top:'0px', left:scrOfX + 'px', opacity:0.85});
	$('#infoHolder').css({width: width + 'px', top:scrOfY + 25 + 'px', left:scrOfX + 'px'});
	source = $(this).attr("title");

	$('#infoHolder').html('<div id="info">' + $('.' + source).html() + '<p class="clear"><span class="close">Close X</span></p></div>');

	$('#infoBacking').css({display:'block'});
	$('#infoHolder').show();
	$('#info').fadeIn('slow');
}

$('.close').click(function(){
	$('#infoBacking').hide();
	$('#infoHolder').fadeOut('fast');
});

});

/* find browser window size */
function browserWindow () {
	width = 0
	height = 0;
	if (document.documentElement) {
		width = document.documentElement.offsetWidth;
		height = document.documentElement.offsetHeight;
	} else if (window.innerWidth && window.innerHeight) {
		width = window.innerWidth;
		height = window.innerHeight;
	}
	return [width, height];
}
/* find total page height */
function getScrollXY() {
	scrOfX = 0; 
	scrOfY = 0;
	if( typeof( window.pageYOffset ) == 'number' ) {
		scrOfY = window.pageYOffset;
		scrOfX = window.pageXOffset;
	} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
		scrOfY = document.body.scrollTop;
		scrOfX = document.body.scrollLeft;
	} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
		scrOfY = document.documentElement.scrollTop;
		scrOfX = document.documentElement.scrollLeft;
	}
	totalY = (window.innerHeight != null? window.innerHeight : document.documentElement && document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body != null ? document.body.clientHeight : null);

	totalX = (window.innerWidth != null? window.innerWidth : document.documentElement && document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null);
	
	return [ scrOfX, scrOfY, totalY, totalX ];
}

return false;
				});
/* ]]> */
</script>
 <div id="wrapper2">
    <div id="main_top"></div> <!--main top #end -->
    <div id="main_center" class="clearfix">
    
        <div id="content">  
 
 
            	<h1 class="head"><a href="http://www.projectdisobey.com/disobeyclothing/?p=380" rel="bookmark" title="Permanent Link to Devolution">Devolution</a></h1>
                                <div class="breadcrumb clearfix">
                	<a href="http://www.projectdisobey.com/disobeyclothing">Home</a> &raquo; <a href="http://www.projectdisobey.com/disobeyclothing/?cat=12" title="View all posts in T-Shirts">T-Shirts</a> &raquo; <a href="http://www.projectdisobey.com/disobeyclothing/?cat=20" title="View all posts in Miscellaneous">Miscellaneous</a> &raquo; Devolution                </div>

                             <div class="product clearfix product_inner">
	<div  id="photos"  class="pro_img"> 
	  	  <div class="photo main_photo" > <a href="#productimage"><img src="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/thumb.php?src=http://www.disobeyclothing.com/wp-content/themes/eCommerce3/images/tshirts/Devolution-Black.png&amp;w=590&amp;zc=1&amp;q=80&amp;bid=1" alt=""/></a>
		<div class="zoom"><a href="#productimage"> Zoom </a> </div>
        <div class="pro_thumb_img"> 
		<div class="photo " ><a href="#productimage1"><img src="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/thumb.php?src=http://www.disobeyclothing.com/wp-content/themes/eCommerce3/images/tshirts/Devolution-White.png&amp;w=71&amp;h=66&amp;zc=1&amp;q=80&amp;bid=1" alt=""/></a></div>
	   					
	<div style="display: none;" id="productimage" > <img src="http://www.disobeyclothing.com/wp-content/themes/eCommerce3/images/tshirts/Devolution-Black.png" alt="helmet"/> </div>	<div style="display: none;" id="productimage1" > <img src="http://www.disobeyclothing.com/wp-content/themes/eCommerce3/images/tshirts/Devolution-White.png" alt="helmet"/> </div>						</div>

	  </div>
	  	  
	 <!-- pro thum img #end -->
	</div>
	<div class="product_info">
	  	  
			    	   	   <div class="product_details">
	   
			
		
		<div class="product_extra">
		
		 		<div class="row ">
		  <label >Size: </label>

		  <strong class="fl"><select name="size" id="size" onchange="checkstock(this.value)"><option value="">Select Size</option><option value="S">S</option><option value="M">M</option><option value="L">L</option><option value="XL">XL</option><option value="XXL">XXL</option></select></strong> 
		  
		  <span style="text-decoration: underline;" class="size_chart more" title="size_chart1">+ Size Chart</span>
		  <div style="display: none;" class="size_chart1 hide" > <div class="close"></div>
						<img src="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/images/size_chart.jpg" alt="" />					  </div>
		  <!-- size chart -->

		</div>
				<div class="row">
<label >Color:</label>
<strong><select name="color" id="color" onchange="checkstock(this.value)"><option value="">Select Color</option><option value="Black">Black</option><option value="White">White</option></select></strong></div>

		
		</div> <!-- product #extra -->
		
		 
		<div class="product_price">
				<p><strong>Price: <span class="price"> £10.49 </span></strong></p>

				
		 		 <script type="text/javascript" >
/* <![CDATA[ */
 function setAttributeVal()
 {
 	var postformflag = 1;
	if(eval(document.getElementById('size')))
	{
		var size = document.getElementById('size').value;
		if(size == '')
		{
			alert('Please select size');
			postformflag = 0;
		}
	}else
	{
		var size = '';
	}
	if(postformflag)
	{
		if(eval(document.getElementById('color')))
		{
			var color = document.getElementById('color').value;
			if(color == '')
			{
				alert('Please select color');
				postformflag = 0;
			}
		}else
		{
			var color = 0;
		}
	}
	if(postformflag)
	{
		if(eval(document.getElementById('cart_information_span')))
		{
			document.getElementById('cart_information_span').innerHTML = '...';
		}
		if(eval(document.getElementById('cart_information_header_span')))
		{
			document.getElementById('cart_information_header_span').innerHTML = '...';
		}
		var attstr = '';
		if(size != '' && color != '')
		{
			attstr = size+', '+color;
		}else
		if(size != '' && color == '')
		{
			attstr = size;
		}else
		if(size == '' && color != '')
		{
			attstr = color;
		}
		document.getElementById('product_att').value = attstr;
		postform();
	}
 }

function postform()
{
	dataString = $("#shopingcartfrm").serialize();
	$.ajax({
		url: 'http://www.projectdisobey.com/disobeyclothing/?page=cart&'+dataString,
		type: 'GET',
		dataType: 'html',
		timeout: 20000,
		error: function(){
			//alert('Error loading cart information');
		},
		success: function(html){
			chekc_stock();
			if(eval(document.getElementById('cart_content_sidebar')))
			{
				refresh_cartinfo_sidebar();
			}
			if(eval(document.getElementById('cart_information_span')))
			{
				document.getElementById('cart_information_span').innerHTML=html;
			}
			if(eval(document.getElementById('cart_information_header_span')))
			{
				document.getElementById('cart_information_header_span').innerHTML=html;
			}	
			if(eval(document.getElementById('addtocartformspan')))
			{
				document.getElementById('addtocartformspan').innerHTML = '<strong>Added To Cart - <a href="http://www.projectdisobey.com/disobeyclothing/?page=cart">View Cart</a></strong>';
				
			}
		}
	});
	return false;
}
function refresh_cartinfo_sidebar()
{
	$.ajax({
		url: 'http://www.projectdisobey.com/disobeyclothing/?page=cart&cartact=cart_refresh',
		type: 'GET',
		dataType: 'html',
		timeout: 20000,
		error: function(){
			//alert('Error loading cart information');
		},
		success: function(html){
			if(eval(document.getElementById('cart_content_sidebar')))
			{
				document.getElementById('cart_content_sidebar').innerHTML=html;
			}
		}
	});
	return false;
}
function chekc_stock()
{
	dataString = $("#shopingcartfrm").serialize();
	$.ajax({
		url: 'http://www.projectdisobey.com/disobeyclothing/?page=cart&pid=380'+dataString+'&cartact=stock_chk',
		type: 'GET',
		dataType: 'html',
		timeout: 20000,
		error: function(){
			//alert('Error loading cart information');
		},
		success: function(html){
			if(html=='unlimited')
			{
				
			}else
			if(html>0)
			{
				//alert(html);	
			}else
			{
				document.getElementById('addtocartformspan').innerHTML = html;
				//window.location.href='/disobeyclothing/?p=380';	
			}
		}
	});
}
function checkstock(attval)
{
	if(eval('document.getElementById("shoppingcart_button_1")'))
	{
		document.getElementById("shoppingcart_button_1").style.display="";
	}
	if(eval('document.getElementById("shoppingcart_outofstock_msg1")'))
	{
		document.getElementById("shoppingcart_outofstock_msg1").innerHTML="";
	}
	if(eval('document.getElementById("shoppingcart_button_2")'))
	{
		document.getElementById("shoppingcart_button_2").style.display="";
	}
	if(eval('document.getElementById("shoppingcart_outofstock_msg2")'))
	{
		document.getElementById("shoppingcart_outofstock_msg2").innerHTML="";
	}
	}
/* ]]> */
</script>

<form id="shopingcartfrm" name="shopingcartfrm" action="">
  <input type="hidden" name="cartact" value="addtocart" />
  <input type="hidden" name="product_id" id="product_id" value="380" />
   <div class="row">
    <label>Quantity:</label> <input name="product_qty" id="product_qty" type="text" maxlength="4" value="1" class="textbox" onkeypress="return numberonly(event)"  />
  </div>

  <input type="hidden" name="product_att" id="product_att" value="" />
  <input type="hidden" name="product_price" id="product_price" value="10.49" />
  <input type="hidden" name="product_istaxable" id="product_istaxable" value="" />
  <input type="hidden" name="product_weight" id="product_weight" value="250" />
  <div class="b_addtocart2" id="shoppingcart_button_1"><a href="javascript:void(0);" onclick="setAttributeVal();"></a> </div>
   <span id="shoppingcart_outofstock_msg1"></span>
</form><br />
<span id="addtocartformspan" class="clearfix">
</span> 				
		 </div> <!-- product_price #end -->

</div> <!-- product details #end -->
				
		<ul class="fav_link">
		  <li class="print"><a href="#" onclick="window.print();return false;">Print</a> </li>
		  <li class="rss">  
		   		    
			  <a href="http://feeds.feedburner.com/DisobeyClothing">RSS</a>  
					   </li>
		   

<li class="emailtofriend"><span style="text-decoration: underline;" class="more" title="tellafrnd_div">Email to a Friend</span> </li>

<li class="blank"><span id="tellafrnd_success_msg_span"></span></li>
<li class="blank"><div style="display: none;" id="tellfrnddiv" class="tellafrnd_div hide">
  <iframe src="http://www.projectdisobey.com/disobeyclothing/?page=tellafriend_form&amp;pid=380" style="border: medium none ; width: 547px; height: 558px;" frameborder="0" ></iframe>
</div></li>
                     <li class="share"> <div class="a2a_kit addtoany_list"><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://www.projectdisobey.com/disobeyclothing/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></div>
<script type="text/javascript"><!--
var a2a_config = a2a_config || {};
a2a_config.linkname="Devolution";
a2a_config.linkurl="http://www.projectdisobey.com/disobeyclothing/?p=380";
a2a_config.color_main = "f3f3e7";a2a_config.color_border = "C0C88A";a2a_config.color_link_text = "332402";a2a_config.color_link_text_hover = "332402";a2a_config.color_bg = "7f6f2";

a2a_config.num_services = 14;
//--></script><script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>

 </li>
		</ul>

					  
										 
		<div class="fix"></div>
		
</div>  <!-- productinfo #end -->
</div>
<div class="fix"></div>
 
<script type="text/javascript">
/* <![CDATA[ */
function numberonly(evt) {
    evt = (evt) ? evt : window.event
    var charCode = (evt.which) ? evt.which : evt.keyCode
    if (charCode > 31 && (charCode < 48 || charCode > 57)) {
        status = "This field accepts numbers only."
        return false
    }
    status = ""
    return true
}
/* ]]> */
</script> 			<div class="pagination">
			
                						
            </div>
			
              
	     			  </div> <!-- content #end -->
 		 
  <div id="sidebar">

  	
    
     <p class="login">
                	     				<strong>Hello Guest -</strong> <a href="http://www.projectdisobey.com/disobeyclothing/?page=login">Login</a> 
     			 	</p>
                 
                         
                        
                             
                   
							                            <div class="cart_section">
                   	 <div class="cart_section_bottom clearfix">      
                                 <h4>Shopping Cart</h4>
                                 <p>
								                                      You have<a href="http://www.projectdisobey.com/disobeyclothing/?page=cart"><strong> <span id="cart_information_span">0</span></strong></a> item(s) in your cart.</p>

                                    									 <a href="http://www.projectdisobey.com/disobeyclothing/?page=cart" class="b_checkout"></a>
									                                   
                                    
                                    	</div>
                   </div>  
                                                  
                   
                    
   <div class="categories">
 <ul class="sf-menu sf-vertical" > 
  	<li class="cat-item cat-item-13"><a href="http://www.projectdisobey.com/disobeyclothing/?cat=13" title="View all posts filed under Hoodies">Hoodies</a>
</li>
	<li class="cat-item cat-item-12"><a href="http://www.projectdisobey.com/disobeyclothing/?cat=12" title="View all posts filed under T-Shirts">T-Shirts</a>
<ul class='children'>
	<li class="cat-item cat-item-15"><a href="http://www.projectdisobey.com/disobeyclothing/?cat=15" title="View all posts filed under Bill Hicks">Bill Hicks</a>

</li>
	<li class="cat-item cat-item-17"><a href="http://www.projectdisobey.com/disobeyclothing/?cat=17" title="View all posts filed under David Icke">David Icke</a>
</li>
	<li class="cat-item cat-item-18"><a href="http://www.projectdisobey.com/disobeyclothing/?cat=18" title="View all posts filed under Love Police">Love Police</a>
</li>
	<li class="cat-item cat-item-20"><a href="http://www.projectdisobey.com/disobeyclothing/?cat=20" title="View all posts filed under Miscellaneous">Miscellaneous</a>
</li>
	<li class="cat-item cat-item-19"><a href="http://www.projectdisobey.com/disobeyclothing/?cat=19" title="View all posts filed under New World Order/Illuminati">New World Order/Illuminati</a>
</li>

	<li class="cat-item cat-item-16"><a href="http://www.projectdisobey.com/disobeyclothing/?cat=16" title="View all posts filed under TV/Mainstream Media">TV/Mainstream Media</a>
</li>
</ul>
</li>
   </ul>
   
   </div>
   
   
      			
	<div class="widget subscribe_spacer" >	
    	<div class="subscribe" >
         <h3>Subscribe</h3>
        
		<p>To stay updated with all of our latest news, please enter your e-mail address here. </p>

		<div class="subform">
        <form  action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow"  onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=DisobeyClothing', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
      <input type="text" class="field" onfocus="if (this.value == '') {this.value = '';}" onblur="if (this.value == '') {this.value = '';}" name="email"/>
      <input type="hidden" value="DisobeyClothing" name="uri"/><input type="hidden" name="loc" value="en_US"/>
       <input type="image" src="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/images/none.png"   value="Subscribe" class="replace" />
      
      </form>
      </div>
           
		</div>	 
 	</div>

  
   
    
                                 </div> <!-- siderbar #end -->         </div> <!-- maincenter #end-->
    <div id="main_bottom"></div> 
</div> <!-- wrapper #end -->

 </div> <!-- wrapper #end -->
<div class="footerimage"></div>
<script type="text/javascript" src="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/library/js/superfish.js"></script> 
 <!-- For Menu -->

<script type="text/javascript">
jQuery(function(){
	jQuery('ul.sf-menu').superfish();
});

</script>

</body>

</html>

Anybody have any suggestions as to what the problem might be (and how I can rectify it)? If you need more info, let me know…

Thanks!

Here is the Javascript:


<script type="text/javascript"> var closebutton='<?php bloginfo('template_directory'); ?>/library/js/closebox.png'; </script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/library/js/fancyzoom.js"></script>

<script type="text/javascript" charset="utf-8">
	$(document).ready(function() {
		$('div.photo a').fancyZoom({scaleImg: true, closeOnClick: true});
		$('#medium_box_link').fancyZoom({width:400, height:300});
		$('#large_box_link').fancyZoom();
		$('#flash_box_link').fancyZoom();
	});
</script>


<script type="text/javascript">
/* <![CDATA[ */
$(document).ready(function(){

$('.hide').hide();

$('body').append('<div id="infoBacking"></div><div id="infoHolder" class="large"></div>');
$('#infoBacking').css({position:'absolute', left:0, top:0, display:'none', textAlign:'center', background:'', zIndex:'600'});
$('#infoHolder').css({left:0, top:0, display:'none', textAlign:'center', zIndex:'600', position:'fixed'});
if($.browser.msie){$('#infoHolder').css({position:'absolute'});}


$('.more').mouseover(function() {$(this).css({textDecoration:'none'});} );
$('.more').mouseout(function() {$(this).css({textDecoration:'none'});} );

$('.more').click(function(){

if ($('.' + $(this).attr("title")).length > 0) {

	browserWindow()
	getScrollXY()

	if (height<totalY) { height=totalY; }

	$('#infoBacking').css({width: totalX + 'px', height: height + 'px', top:'0px', left:scrOfX + 'px', opacity:0.85});
	$('#infoHolder').css({width: width + 'px', top:scrOfY + 25 + 'px', left:scrOfX + 'px'});
	source = $(this).attr("title");

	$('#infoHolder').html('<div id="info">' + $('.' + source).html() + '<p class="clear"><span class="close"><?php _e('Close X');?></span></p></div>');

	$('#infoBacking').css({display:'block'});
	$('#infoHolder').show();
	$('#info').fadeIn('slow');
}

$('.close').click(function(){
	$('#infoBacking').hide();
	$('#infoHolder').fadeOut('fast');
});

});

/* find browser window size */
function browserWindow () {
	width = 0
	height = 0;
	if (document.documentElement) {
		width = document.documentElement.offsetWidth;
		height = document.documentElement.offsetHeight;
	} else if (window.innerWidth && window.innerHeight) {
		width = window.innerWidth;
		height = window.innerHeight;
	}
	return [width, height];
}
/* find total page height */
function getScrollXY() {
	scrOfX = 0; 
	scrOfY = 0;
	if( typeof( window.pageYOffset ) == 'number' ) {
		scrOfY = window.pageYOffset;
		scrOfX = window.pageXOffset;
	} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
		scrOfY = document.body.scrollTop;
		scrOfX = document.body.scrollLeft;
	} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
		scrOfY = document.documentElement.scrollTop;
		scrOfX = document.documentElement.scrollLeft;
	}
	totalY = (window.innerHeight != null? window.innerHeight : document.documentElement && document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body != null ? document.body.clientHeight : null);

	totalX = (window.innerWidth != null? window.innerWidth : document.documentElement && document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null);
	
	return [ scrOfX, scrOfY, totalY, totalX ];
}

return false;
				});
/* ]]> */
</script>

Anybody got any suggestions?