Recently I was working on a project involving HTML/CSS and had to format a table to imitate an 8-person tournament bracket. Being a noob to CSS and having exhausted myself with all the formatting options involved in this case, I thought I had finished.
I loaded up my HTML file in Internet Explorer 8 and Safari (via iPhone) and all looked great. I then took a look at the same page in Firefox 3 and, “oh noz!” - a few borders were missing for apparently no reason! I checked my code and from it I could see no reason for the thing not to show up correctly. After Googling for a time I finally came across the solution – Firefox does not handle the CSS
border-collapse:collapse
tag correctly! Quite a surprise for such a well known and capable web browser. Instead I replaced the previous command with
border-spacing:0
…and now the formatting looks excellent in all major browsers.
Hopefully this quick note will save someone from experiencing the same frustration I was having. Oh, and get on the ball please, Firefox!
Thank you so much! This was extremely frustrating and wasted a lot of my precious time!
Glad I could help!