I've recently coded up some responsive emails. (Please note I'm not a coder by training.) They look great in every client excpet the iPhone 5 (both OS 7 and OS 8). In iPhone 5 the header is aligned left. In every other client (mobile and web) it looks great.

I've discovered the problem comes down to a class. Currently the class is coded as follows:

/* Constrains email width for small screens */
            table[class="email-container"] {
                width: 100% !important;

I've tried modifying the class bit it either breaks the responsive feel of the email or does nothing at all.

Cany anyone recommend a way to modify the class so it works on an iPhone 5 for both OS 7 and OS 8?

Thanks in advance.