IE7 – Overflow?

[aoeui]

hi,

on my web http://krsiak.cz

for logo on menu 1st item as home button

I use image where black + white icon are side by side
I display half, the second is hidden
http://krsiak.cz/img/icon/32×32/bw.png

I have this set up working ok … except IE7

on homepage
http://krsiak.cz/temp/css-tricks/icon-index.png

anywhere else
http://krsiak.cz/temp/css-tricks/icon-the-rest.png

it is visible
any way, hack how to make it in IE7 hidden ?

HTML

CSS

#index  #home-icon {text-indent: -70px;} /* keeps index icon white */



#home-icon {

height: 21px;

width: 35px;

display: block;

overflow: hidden;

}

[Tcooper]

Hi, this is one of those good ol’ IE6/7 bugs. Adding ‘position:relative’ to #home-icon should work.

[Author]

Posts