Ecommercepartners.net

CSS Styles that Crash in IE but not FireFox

Recently on a site i was working on here, i came across a problem with absolute positioning and IE (internet explorer).  We had to position absolute a “search” div on the right side of the page. so, my styles looked as such:

#search {position:absolute; top:51px; right:100px; z-index:101; width:262px; padding-top:5px;} – the all div

#search_input {width:190px; float:left;} – the search text box div

#search_btn_div {padding:1px 0px 0 0; float:left; width:30px;} – the search button div

Things worked fine in FireFox, Netscape and SAFARI… but in Internet Explorer things were crashing after few seconds.

when i switched the position status from right to left as such:

#search {position:absolute; top:51px; left:500px; z-index:101; width:262px; padding-top:5px;}

Everything worked fine!!!

I thought this CSS tip might be helpful to anyone who comes across an issue with IE (internet explorer) crashing while firefox and the rest seem Ok.  So, if the layout is not as it should be check how you postioned your divs and pay specific attention to the floating and clearing styles. they can be very sensitive!