html - CSS 在 Facebook 页面上不起作用

Question

出于某种原因，我使用的翻转 CSS 无法通过 Facebook 的呈现引擎工作。我是在做错什么，还是自定义 Facebook 页面上的某些 CSS 属性存在固有问题？这是我的代码:

<link rel="stylesheet" href="http://epandits.com/topdish/newCascadeStyleSheet1.css" type="text/css" />

<table id="wrapper">
    <tr>
        <td class="imgcontainer">
            <a href="#">
                <img src="http://www.bigjimsburgers.com/burger.jpg" alt="" />
                <span class="desc">
                    Very long text that wraps around and is centered properly
                </span>
            </a>
        </td>
        <td class ="imgcontainer">
            <a href="#">
                <img src="http://www.bigjimsburgers.com/burger.jpg" alt="" />
                <span class="desc">
                    Very long text that wraps around and is centered properly
                </span>
            </a>
        </td>
    </tr>
    <tr>
        <td class="imgcontainer">
            <a href="#">
                <img src="http://www.bigjimsburgers.com/burger.jpg" alt="" />
                <span class="desc">
                    Very long text that wraps around and is centered properly
                </span>
            </a>
        </td>
        <td class ="imgcontainer">
            <a href="#">
                <img src="http://www.bigjimsburgers.com/burger.jpg" alt="" />
                <span class="desc">
                    Very long text that wraps around and is centered properly
                </span>
            </a>
        </td>
    </tr>
</table>

Answer 1

也许可以不用 css 来做这样疯狂的事情:

http://jsfiddle.net/ColbyGold/KfZmc/