Internet Explorer

**spookymix** · 11-30-2010, 05:47 PM

I’m having trouble with cross-browsing on my site. Here’s my site below

Site...

On the main page of my shopping cart the zoom in images seem to pop out under the other images in Internet Explorer only. However if I extract the main page source code from the shopping cart it functions fine in Internet Explorer.

Is there anyway I can fix this? I’m using Zen Cart as my shopping cart.

Please any help would be much appreciated. Thanks

Mike

**spookymix** · 11-30-2010, 05:47 PM

Here's the code below:

HTML Code:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="http://calico9.com/site/java/1.4.2.js"></script>
<style type="text/css">
a:focus { 
    outline: none; 
}
.thumbnail{
	position: relative;
	float: left;
	padding: 0px;
	margin: 4px;
}
a img {border:none}
.thumbnail:hover{
	background-color: transparent;
}
.hatpad {
	padding: 3px;
}
.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	left: -1000px;
	visibility: hidden;
	color: black;
	text-decoration: none;
	z-index: 1;
	-moz-box-shadow: 0px 0px 20px #000;
	-webkit-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -30px;
left: -20px; /*position where enlarged image should offset horizontally */
}
.titletxt {
	padding-left: 570px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	color: #000;
}
.mainwrap {
	top: 0px;
	left: 10px;
	position: relative;
}
.all {
	top: -20px;
	width: 820px;
	position: relative;
}
.rightpad {
	margin-right: 4px;
	position: relative;
}
.leftpad {
	margin-left: 4px;
	position: relative;
}
</style>

</head>
<body>
<table width="100%" class="all">
  <tr>
        <td height="919" align="center" valign="top"><table width="797" class="mainwrap">
      <tr>
        <td width="789" height="683" align="left" valign="top">
        
        <table width="775" height="29" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td bgcolor="#bcbbbb" class="titletxt">SPRING/SUMMER 2011 TEES</td>
          </tr>
        </table>
        
        <p><a class="thumbnail" href="http://www.calico9.com/shop/index.php?main_page=product_info&cPath=1&products_id=3"><img src="http://calico9.com/shop/images/collections/spring-summer-2011/t-shirt/1.jpg" width="147px" height="201px"/><span><img src="http://calico9.com/shop/images/collections/spring-summer-2011/t-shirt/pop/1.jpg" width="191px" height="262px"/></span></a> 
          
          <a class="thumbnail" href="http://www.calico9.com/shop/index.php?main_page=product_info&cPath=1&products_id=4"><img src="http://calico9.com/shop/images/collections/spring-summer-2011/t-shirt/2.jpg" width="147px" height="201px"/><span><img src="http://calico9.com/shop/images/collections/spring-summer-2011/t-shirt/pop/2.jpg" width="191px" height="262px"/></span></a> 
          
          <a class="thumbnail" href="http://www.calico9.com/shop/index.php?main_page=product_info&cPath=1&products_id=5"><img src="http://calico9.com/shop/images/collections/spring-summer-2011/t-shirt/3.jpg" width="147px" height="201px"/><span><img src="http://calico9.com/shop/images/collections/spring-summer-2011/t-shirt/pop/3.jpg" width="191px" height="262px"/></span></a> 
          
          <a class="thumbnail" href="http://www.calico9.com/shop/index.php?main_page=product_info&cPath=1&products_id=6"><img src="http://calico9.com/shop/images/collections/spring-summer-2011/t-shirt/4.jpg" width="147px" height="201px"/><span><img src="http://calico9.com/shop/images/collections/spring-summer-2011/t-shirt/pop/4.jpg" width="191px" height="262px"/></span></a> 
          
          
          <a class="thumbnail" href="http://www.calico9.com/shop/index.php?main_page=product_info&cPath=1&products_id=7"><img src="http://calico9.com/shop/images/collections/spring-summer-2011/t-shirt/5.jpg" width="147px" height="201px"/><span><img src="http://calico9.com/shop/images/collections/spring-summer-2011/t-shirt/pop/5.jpg" width="191px" height="262px"/></span></a> 
          
          <br />
          
          <a class="thumbnail" href="http://www.calico9.com/shop/index.php?main_page=product_info&cPath=1&products_id=8"><img src="http://calico9.com/shop/images/collections/spring-summer-2011/t-shirt/6.jpg" width="147px" height="201px"/><span><img src="http://calico9.com/shop/images/collections/spring-summer-2011/t-shirt/pop/6.jpg" width="191px" height="262px"/></span></a> 
          
          <a class="thumbnail" href="http://www.calico9.com/shop/index.php?main_page=product_info&cPath=1&products_id=9"><img src="http://calico9.com/shop/images/collections/spring-summer-2011/t-shirt/7.jpg" width="147px" height="201px"/><span><img src="http://calico9.com/shop/images/collections/spring-summer-2011/t-shirt/pop/7.jpg" width="191px" height="262px"/></span></a> 
          
          <a class="thumbnail" href="http://www.calico9.com/shop/index.php?main_page=product_info&cPath=1&products_id=10"><img src="http://calico9.com/shop/images/collections/spring-summer-2011/t-shirt/8.jpg" width="147px" height="201px"/><span><img src="http://calico9.com/shop/images/collections/spring-summer-2011/t-shirt/pop/8.jpg" width="191px" height="262px"/></span></a> 
          
          <a class="thumbnail" href="http://www.calico9.com/shop/index.php?main_page=product_info&cPath=1&products_id=11"><img src="http://calico9.com/shop/images/collections/spring-summer-2011/t-shirt/9.jpg" width="147px" height="201px"/><span><img src="http://calico9.com/shop/images/collections/spring-summer-2011/t-shirt/pop/9.jpg" width="191px" height="262px"/></span></a> 
          
          <a class="thumbnail" href="http://www.calico9.com/shop/index.php?main_page=product_info&cPath=1&products_id=1"><img src="http://calico9.com/shop/images/collections/spring-summer-2011/t-shirt/10.jpg"width="147px" height="201px"/><span href="http://www.natural-environment.com/blog/2008/11/07/what-is-the-worlds-largest-rabbit/" target="_blank"><img src="http://calico9.com/shop/images/collections/spring-summer-2011/t-shirt/pop/10.jpg" width="191px" height="262px"/></span></a> 
          
          <br />
          
          <a class="thumbnail" href="http://www.calico9.com/shop/index.php?main_page=product_info&cPath=1&products_id=12"><img src="http://calico9.com/shop/images/collections/spring-summer-2011/t-shirt/11.jpg" width="147px" height="201px"/><span><img src="http://calico9.com/shop/images/collections/spring-summer-2011/t-shirt/pop/11.jpg" width="191px" height="262px"/></span></a> 
          
          <a class="thumbnail" href="http://www.calico9.com/shop/index.php?main_page=product_info&cPath=1&products_id=13"><img src="http://calico9.com/shop/images/collections/spring-summer-2011/t-shirt/12.jpg"width="147px" height="201px"/><span><img src="http://calico9.com/shop/images/collections/spring-summer-2011/t-shirt/pop/12.jpg" width="191px" height="262px"/></span></a> 
          
          <a class="thumbnail" href="http://www.calico9.com/shop/index.php?main_page=product_info&cPath=1&products_id=14"><img src="http://calico9.com/shop/images/collections/spring-summer-2011/t-shirt/13.jpg"width="147px" height="201px"/><span><img src="http://calico9.com/shop/images/collections/spring-summer-2011/t-shirt/pop/13.jpg" width="191px" height="262px"/></span></a>  
          
          <a class="thumbnail" href="http://www.calico9.com/shop/index.php?main_page=product_info&cPath=1&products_id=15"><img src="http://calico9.com/shop/images/collections/spring-summer-2011/t-shirt/14.jpg"width="147px" height="201px"/><span><img src="http://calico9.com/shop/images/collections/spring-summer-2011/t-shirt/pop/14.jpg" width="191px" height="262px"/></span></a> 
          
          <a class="thumbnail" href="http://www.calico9.com/shop/index.php?main_page=product_info&cPath=1&products_id=15"><img src="http://calico9.com/shop/images/collections/spring-summer-2011/t-shirt/15.jpg"width="147px" height="201px"/><span><img src="http://calico9.com/shop/images/collections/spring-summer-2011/t-shirt/pop/15.jpg" width="191px" height="262px"/></span></a></p>
</td>
      </tr>
  </table>
      <table width="802" height="197" class="mainwrap">
        <tr>
          <td width="794" height="191" align="left" valign="top"><br />
            <table width="775" height="29" border="0" class="leftpad">
              <tr>
                <td bgcolor="#bcbbbb" class="titletxt">SPRING/SUMMER 2011 HATS</td>
              </tr>
            </table>
          <p><a class="thumbnail" href="http://www.calico9.com/shop/index.php?main_page=product_info&cPath=1&products_id=16"><img src="http://calico9.com/shop/images/spring-summer-2011/hat/1.jpg" width="182px" height="156px" class="hatpad"/><span><img src="http://calico9.com/shop/images/collections/spring-summer-2011/hat/pop/1.jpg" width="243px" height="203px"/></span></a> 
          
          <a class="thumbnail" href="http://www.calico9.com/shop/index.php?main_page=product_info&cPath=1&products_id=17"><img src="http://calico9.com/shop/images/spring-summer-2011/hat/2.jpg" width="182px" height="156px" class="hatpad"/><span><img src="http://calico9.com/shop/images/collections/spring-summer-2011/hat/pop/2.jpg" width="243px" height="203px"/></span></a> 
          
          <a class="thumbnail" href="http://www.calico9.com/shop/index.php?main_page=product_info&cPath=1&products_id=18"><img src="http://calico9.com/shop/images/spring-summer-2011/hat/3.jpg" width="182px" height="156px" class="hatpad"/><span><img src="http://calico9.com/shop/images/collections/spring-summer-2011/hat/pop/3.jpg" width="243px" height="203px"/></span></a> 
          
          <a class="thumbnail" href="http://www.calico9.com/shop/index.php?main_page=product_info&cPath=1&products_id=19"><img src="http://calico9.com/shop/images/spring-summer-2011/hat/4.jpg" width="182px" height="156px" class="hatpad"/><span><img src="http://calico9.com/shop/images/collections/spring-summer-2011/hat/pop/4.jpg" width="243px" height="203px"/></span></a></p></td>
        </tr>
      </table>
</td>
  </tr>
</table>
</body>
</html>

Thread: Internet Explorer

Thread Tools

Search Thread

Internet Explorer

Bookmarks

Bookmarks

Posting Permissions