# Image appears transparent when viewd in ie6, chrome, safari not in Firefox!

**URL:** <https://forum.kirupa.com/t/image-appears-transparent-when-viewd-in-ie6-chrome-safari-not-in-firefox/324762>\
**Category:** Uncategorized\
**Created:** [September 7, 2011, 2:34pm UTC](https://forum.kirupa.com/t/image-appears-transparent-when-viewd-in-ie6-chrome-safari-not-in-firefox/324762 "2011-09-07T14:34:08Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![mrin123](https://avatars.discourse-cdn.com/v4/letter/m/ee59a6/32.png) [@mrin123](https://forum.kirupa.com/u/mrin123)\
**Post date:** [September 7, 2011, 2:34pm UTC](https://forum.kirupa.com/t/image-appears-transparent-when-viewd-in-ie6-chrome-safari-not-in-firefox/324762/1 "2011-09-07T14:34:08Z")

</div>

Hi,  
Please help me correct the code, (see below) the image (in the absolute path) appears transparent when viewed in IE 6, chrome , safari except in Firefox.

\<script src=“[http://cincinnati.com/scripts/jquery.min.js](http://cincinnati.com/scripts/jquery.min.js)” type=“text/javascript” charset=“utf-8”\>\</script\>  
\<script src=“[http://cincinnati.com/scripts/jquery.meerkat.1.3.min.js](http://cincinnati.com/scripts/jquery.meerkat.1.3.min.js)” type=“text/javascript” charset=“utf-8”\>\</script\>  
\<style type=“text/css” media=“screen”\>

```
                    #meerkat-wrapper {
                     width: 940px;
                       margin: 0 auto;

                    }
                    .ody-skin .ody-custom .footer-container div.ad_728x90 {width:100%}
                   .close-meerkat {
                         position: absolute;
                         display: block;
                         padding: 3px 3px 3px 3px;
                         font-family: arial, sans-serif;
                         font-size: 0.875em;
                        line-height: 10.8px;
                         text-decoration: none;
                         cursor: pointer;
                         z-index: 10000;

                     }

                     a.close-meerkat:link {color: #000; background-color: #cccccc; font-weight: bold;}

                     .dont-show {
                         position: absolute;
                         display: block;
                         width: 80px;
                         padding: 0 1px 2px 2px;
                         background-color: #cccccc;
                         font-family: arial narrow, sans-serif;
                         font-size: 0.705em;
                         text-decoration: none;
                         cursor: pointer;
                         z-index: 10;
                         line-height: 10.8px;
                     }

                    

                            a.dont-show:hover {color:#FFF;}
                 .meerkat {
                        position: relative;
                        display: none;
                        z-index: 5;

                    }
                    
                    a.click-through 
                    {
                    display: block;
                    position: absolute;
                    top: 10px;
                    height: 65px; 
                    bottom: 15px;
                    width: 890px;
                    z-index: 1; 

```

}  
.pos-bot .close-meerkat {right: 2px; top: 2px;}

```
                     .pos-bot .dont-show {right: 0px; top: 78px;}
         &lt;/style&gt;
         
         &lt;!-- CHANGE FILE NAME AND PATH TO AD FILE BELOW BEGINNING AT background: 'url(\'http://cincinnati.com --&gt;
         
    

       &lt;script type="text/javascript" charset="utf-8"&gt;

                  $(function(){
                  $('.meerkat').meerkat({                      
                  background:'url(\'http://cincinnati.com/sponsors/dashboard/verbargs_940x90.gif\') repeat-x left top',
                  height: '90px',
                  width: '940px',
                  position: 'bottom',
                  close: '.close-meerkat',
                  dontShowAgain: '.dont-show',
                  animationIn: 'fade',
                  animationSpeed: 1000,
                  removeCookie: '.reset'
                  }).addClass('pos-bot');
                 $('#bottom').click(function(){
                 $('.meerkat').destroyMeerkat();
                 $('.meerkat').meerkat({
                 height: '90px',
                 width: '940px',
                 position: 'bottom',
                 close: '.close-meerkat',
                 dontShowAgain: '.dont-show',
                 animationIn: 'fade',        
                  animationSpeed: 1000,
                 removeCookie: '.reset'
                 }).removeClass('pos-bot');
                 $('.code').hide();
                 $('.bottom_').show();
                 return false;
                             });

                         });
                         if(navigator.platform == 'iPad' || navigator.platform == 'iPhone' || navigator.platform == 'iPod') 

```

{  
$("#meerkat-wrapper").css(“position”, “static”);  
};  
\</script\>

```
        &lt;div id="meerkat-wrapper"&gt;

```

\<div class=“meerkat”\>  
\<a href=“_ADCLICK_” class=“click-through” target="\_blank"\>\</a\>  
\<a href="#" class=“close-meerkat”\>x\</a\>  
\<a class=“dont-show”\>Don’t Show Again\</a\>

```
      &lt;/div&gt;
             &lt;/div&gt;
```