I'm working on an email with some basic components:

Table 1 (1 row, 1 column)

Header image

Table 2 (2 columns, 2 rows, bottom row spans full width)

Body text on left

Image spliced into two parts to avoid having to deal with using a background image the vertical part on the right and the bottom that spans the width of the email

Table 3 (1 column, 1 row)

About the company

Table 4 (1 column, 1 row -- not added yet)

Standard footer stuff

Table 2 is not respecting the width that I assign. I've tried many variations, including assiging:

The table a fixed width (600px) and the individual cells percentage widths

The table a 100% width (inherited from its parent) and the individual cells percentage widths

The table a fixed width (600px) and the individual cells no widths

The table a fixed width (600px) and the individual cells fixed widths

The table no width and the individual cells percentage widths

The table no width and the individual cells fixed widths

None of these options has made any difference. The table will not get smaller than 831px wide despite my efforts.

I did try adding table-layout:fixed;to my CSS at the top, and that seemed to work at first in the Litmus Builder. I ran a test, and while it made it better in some clients, some didn't account for it at all, and it messed up my mobile version (I remove the images from the mobile version and just have solid background image). You can see the results of that effort here: https://litmus.com/pub/08c27b6

Does anyone know why this is happening? It's driving me crazy! Below is my code without table-layout:fixed; included.