One of my page clear-google-desktop-search-cache.html is not rendering properly in IE though it shows as expected in Firefox. In IE, the sidebar on the right side gets shifted to the bottom of the page while this doesn't happen in Firefox. What surprises me most is that other pages render just same in both browsers.
Well, for what it's worth, it looks fine in Safari. IE has a lot of "nonstandard" CSS interpretation.
Actually IE is displaying the page properly.... check your source code. The right part is in <div id="contentright"> Your CSS file at http://www.geocities.com/amitprakashagarwal/labnol.blogspot.com.css has for #contentright { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #fcfcf9; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 120px; PADDING-TOP: 0px FLOAT should be right not left. Also if you specify more than one CSS file Firefox will use the first value while IE will use the last value, i.e. if you specify #contentright in 2 files one time with FLOAT: right one time with FLOAT: left Firefox will use the first file with FLOAT: right and IE will use the second file with FLOAT: left. This way you can easily simulate an IE bug while this isn't really a bug you just specified a value twice. This can be helpful if you need an ugly hack because Firefox and IE interpret width differently especially when you use borders.
Dear Chris, Thank you for giving so much time to this issue. I changed the float from left to right but still the sidebar stays at the bottom. It works fine on other pages. Thanks again.
When I go to http://labnol.blogspot.com/2004/07/clear-google-desktop-search-cache.html with IE 7.0.5112.0 the page is displayed properly now. If there is still an error somewhere let me know and I try to fix it. I love working with CSS