IE6 css display bug with javascript
If you are trying to set an image to display = ‘block’; or display = ‘none’; in IE when the default setting is none (you set the element to not display when the page loads), you are not going to be able to make it visible again. Wait..? Visible?! Actually, that’s the answer, use visibility = ‘hidden’; and visibility = ‘visible’; and you will almost always get the effect you were looking for with the display property.
With the name “display”, it is sort of misleading but what the display property is actually doing is specifying to your browser what type of element the selected element is. There are different kinds of elements, inline, block, etc. and they all have different behaviors and can have different properties applied to them in your browser. Display can be used to convert elements from one type to another. An inline element such as a list item <span>, which cannot be absolutely positioned can be converted to a ‘block’ element and positioned as if it were a div though, this is hardly ever necessary unless you are working with javascript effects libraries such as mootools or jQuery.
