I'm having trouble getting columns in Mailbox to behave. I'm trying to get two table columns to appear side by side (pretty simple, right?), but Mailbox displays the first one at max wdih and the second one at one character wide.

Basically it should be displaying like this:

direct link

But it's displaying like this in Mailbox:

direct link

The code I'm using following a very basic structure. (the td-classes stack the columns using media queries, which Mailbox doesn't support, so they shouldn't interfere):

      <table border="0" width="100%" cellpadding="0" cellspacing="0">
          <tr>
              <td valign="top" width="33%" class="order-label">
                  Order number
              </td>
              <td valign="top" width="67%" class="order-value">
                  <a href="#" style="color: #0066c3;">wohsu37fba2</a>
              </td>
          </tr>
      </table>

I've also tried defining the td-width in pixels instead of percentages; no dice.

Everywhere else it's fine. Even Gmail and Google Inbox. Any ideas? I'm about to flip my desk.