I have an odd problem that I'm facing. I'm using a simple CSS clearfix hack as described on CSS-Tricks to clear floats. Code snippet:
*:after {
content: "";
display: table;
clear: both;
}
However, adding the above code causes the text to be invisible in Chrome and Safari. I've tested it on several devices now and had the same results each time, but I can't figure out why this would be breaking anything. However, Firefox
You can view the working version here and the broken version here. If you inspect page source, the only difference is the above snippet being commented out.
Screenshot of the issue http://cl.ly/image/3h1s0Q31473Q
I've spent some time looking around, but I can't find any mention of this problem anywhere else. Everything renders fine in Firefox.
Thanks in advance,
-Zach
