Internet Explorer 11 Table Cell

by Don Johnson

HTML

<table>
	<thead>
		<tr>
			<th>one</th>
			<th>two</th>
			<th>three</th>
			<th>four</th>
		</tr>
		<tr>
			<th>one</th>
			<th>two</th>
			<th>three</th>
            <th><img src="http://www.outdoorsmagic.com/news/images/small-red-arrow.jpg" alt="&rarr;"/> four</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>one</td>
			<td>two</td>
			<td>three</td>
			<td><img src="http://www.outdoorsmagic.com/news/images/small-red-arrow.jpg" alt="&rarr;"/> four</td>
		</tr>
		<tr>
			<td>one</td>
			<td>two</td>
			<td>three</td>
			<td><img src="http://www.outdoorsmagic.com/news/images/small-red-arrow.jpg" alt="&rarr;"/> four</td>
		</tr>
		<tr>
			<td>one</td>
			<td>two</td>
			<td>three</td>
			<td><img src="http://www.outdoorsmagic.com/news/images/small-red-arrow.jpg" alt="&rarr;"/> four</td>
		</tr>
		<tr>
			<td>one</td>
			<td>two</td>
			<td>three</td>
			<td> <img src="http://www.outdoorsmagic.com/news/images/small-red-arrow.jpg" alt="&rarr;"/>four</td>
		</tr>
		<tr>
			<td>one</td>
			<td>two</td>
			<td>three</td>
			<td><img src="http://www.outdoorsmagic.com/news/images/small-red-arrow.jpg" alt="&rarr;"/> four</td>
		</tr>
	</tbody>
</table>

CSS

* {
				margin: 0;
				padding: 0;
			}
			table {
				/* from reset.css */
				border-collapse: collapse;
				border-spacing: 0;
				border: 0 none;
				margin: 0;
				padding: 0;
				width: 100%;
			}
			table {
				border: solid 1px #666;
				width:90%;
				margin: 10px 5% 0;
			}
			th, td {
				border-right:solid 1px #666;
				border-bottom:solid 1px #666;
				vertical-align: middle;
				text-align: center;
				width:25%;
			}
			tbody > tr:last-child td {
				border-bottom:none;
			}
			tr > th:last-child,
			tr > td:last-child {
				border-right:none;
				color:#f00;
			}