Padding inside tables doesn't work in Chrome?

I created a table and I assigned to each tag <td> the class "product_page": <td class="product_page">

The TD is referred to the following CSS lines:

.post td.product_page {
width:33%;
padding:20px 15px 5px 15px;
vertical-align:top;
border:1px solid #666;
}

Now, the tag "padding" doesn't have any effect in Chrome. The text contained in the <td></td>has not margin from the table border. All the other instructions contained in the box above, are working perfectly.

What's wrong please ? I thank you very much in adv开发者_如何学Goance for your help.

---

I created this jsfiddle and it seems to be working correctly. I am using chrome.

---

Make sure td.product_page is inside something marked .post.

Also, try using margins.