dropshadow

dobry den mam problem se zobrazenim obtekani obrazku v IE ... firefox vse dobre zobrazi ale IE ne a klasicky nevim proc ..

vse muzete videt hned na uvodni strance na webu http://clasa.webflex.cz levy panel s obrazky .. u firefoxu maji oramovani u IE ne :/ ..

jde o tento kus kodu

html kód:

<div class="img-wrapper">      

  <div class="img-outer"> 

    <div class="img-inner"> 

      <img src="images/main-page/left-panel-image-3-gray.jpg" width="150" height="100" alt="" /> 

    </div> 

  </div> 

</div>

css kód:

#third-nav #content .img-wrapper { 

  margin-top: 7px; 

  background: url('../images/shadow.gif') no-repeat right bottom; 

  float: left; 

} 



#third-nav #content .img-outer { 

  background: url('../images/bottom-left2.gif') no-repeat left bottom; 

  float: left; 

} 



#third-nav #content .img-inner { 

  background: url('../images/top-right2.gif') no-repeat top right; 

  padding: 0 5px 5px 0; 

  float: left; 

} 



#third-nav #content .img-wrapper img { 

  background-color: #fff; 

  border: 1px solid #a9a9a9; 

  padding: 4px; 

  display: block; 

} 

jde mi hlavne o to padding: 4px; jelikoz se IE neprovede nevim proc

ps.. vse je delano podle knihy CSS filtry, hacky a pokročilé postupy od Andyho Budda ... na jeho strankach to funguje na mych ne

linky:
http://clasa.webflex.cz/index.html
http://clasa.webflex.cz/css/style.css