IE works very strange to clear: both;. Well, it works but sometimes you can see lost background for some other container (minimize->maximize and it’s back; or resize IE window several times) or some color’s behavior is strange.
Best cure: use position: relative; for those containers, or even use this kind of directive for all blocks (except absolute obviously). I know it is default setting but it’s true, it helps.
If you enjoyed this article, please consider sharing it!
[…] ell up to that point (and the fact that it was again 2am). But one google search later and I found my answer: use ‘position: relative’. So I grudgingly added one more line of code devoted to IE in […]
You saved my day 🙂
Thanks for that post and thanks to Google who puts you on the third position in the search result
Jörg
In my case i have floated and so when i added position: relative; to container the image just disappeared. It still can be clicked but it’s not rendered.
Could you show the page (URL) please? There can be dozens of different causes, really.
10x this one is nice fix.
This works for me:
.clearfix:after {
clear: both;
display: block;
width: 100%;
}