Playground doesn't render the same HTML before and after posting

[GoogleCodeExporter]

What steps will reproduce the problem?
1.Register app in playground
2.Select second template, called "Auto Resize" (the first one with HTML)
3.Replace the existing HTML with the one below:

<article>
    <section>
        <table class="text-small" style="border: 1px #ffffff;">
            <tbody>
            <tr style="border-color: black">
                <td style="vertical-align: middle; text-align: center">
                    <img src="http://imagemonster.iliga.de/icons/internal/56/96.png" class="icon-small" style="width: 86px; height: 56px">
                </td>
                <td rowspan="2" class="align-center" style="vertical-align: middle">
                    <div class="text-x-large align-center">1:0</div>
                </td>
                <td style="vertical-align: middle; text-align: center">
                    <img src="http://imagemonster.iliga.de/icons/internal/56/55.png" class="icon-small" style="width: 86px; height: 56px">
                </td>
            </tr>
            <tr style="border-color: black">
                <td style="vertical-align: middle; text-align: center">
                    Germany
                </td>
                <td style="vertical-align: middle; text-align: center">
                    Argentina
                </td>
            </tr>
            <tr style="border-color: black">
                <td colspan="3" class="text-x-small" style="text-align: center">
                    Game is finished
                </td>
            </tr>
            <tr style="border-color: black">
                <td colspan="3" class="text-x-small" style="text-align: center">
                    SUN JULY 13 2014
                </td>
            </tr>
            </tbody>
        </table>
    </section>
    <footer>
        <img src="http://imagemonster.iliga.de/icons/beta/onefootball-logo.png" class="left">
        <p>Onefootball</p>
    </footer>
</article>

What is the expected output? What do you see instead?

The output looks fine in the preview, before inserting it, but not in the 
timeline on Glass or in the browser. However, the inserted timeline item looks 
similar on Glass and in browser.

What version of the product are you using? On what operating system?
Playground from July, 9 2014
XE18.3 on Glass
Latest Chrome / Firefox on KUbuntu 14.04

Please provide any additional information below.

See sample picture in the attachment, the smaller thumbnail is the exact way 
it's rendered on Glass as well.
It could be that my HTML is not the best-in-class but I don't think it's the 
cause for different outputs in Playground.

Original issue reported on code.google.com by florinpa...@gmail.com on 17 Jul 2014 at 9:59

Attachments:

• snapshot188.png