Question

I’m experiencing a visibility: hidden bug in IE7. My CSS is as follows:

.image {
float:left;
width:298px;
visibility:hidden;
*visibility: hidden;
}

Basically I want everything contained within the div to be hidden, but still occupy and reserve the space (so in this case display: none doesn’t work). It works in all browsers except IE7, which seems to ignore the visibility line in the CSS.

Answer 1

Try using text-indent

.image {
float:left;
width:298px;

text-indent: -10000px;

}

Demo