My attempt to change the header's background color is successful in desktop layout, but not working as expected on iPhone. The header color remains unchanged in the iPhone layout. Below is my code snippet:
http://jsfiddle.net/mzMjT/embedded/result/
<tr>
<th style="
background-color: red;
">First Name</th>
<th>Last Name</th>
<th>Job Title</th>
<th>Favorite Color</th>
<th>Wars or Trek?</th>
<th>Porn Name</th>
<th>Date of Birth</th>
<th>Dream Vacation City</th>
<th>GPA</th>
<th>Arbitrary Data</th>
</tr>
th {
background: #333;
color: white;
font-weight: bold;
}