Webkit Bug? Broken CSS

问题:

Working on part of my website. Here's my code: http://jsfiddle.net/firelizzard/ASdMq/

In Chrome Beta (WebKit):

In Firefox (Gecko):

Gecko is rendering this code how I want it. What is up with webkit?

Chrome User Agent: Mozilla/5.0 (-OS-) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.11 Safari/535.19

Firefox User Agent: Mozilla/5.0 (-OS-) Gecko/20100101 Firefox/10.0.1

---

Tally

Gecko:

• Works: Firefox 10

WebKit:

• Doesn't: Safari 5, Chrome 18

Trident:

• Works: Internet Explorer 8, 9
• Doesn't: Internet Explorer 7

Presto:

• Doesn't: Opera ?

回答1:

The issue definetely looked as a bug to me. While playing with the code posted on jsfiddle, I've noticed that adding some content to cells makes Opera 11.61 behave closer to what was expected:

<td class="dm_other horz">2</td>
<td class="dm_other horz">3</td>

I've came to try it because it reminded me of the notorious whitespace problems I'm hearing about from time to time :)