Here's a useful way to make browser-specific code: *wrecks tables* (*fixes tables*)
<div class="smallfont" style="margin-bottom:2px">HTML Code:</div><div style="color: black; background-color: white; margin:0px; padding:5px; border:1px inset; width:900px; height:400px; overflow:auto"><code style="white-space: pre; line-height: 7px; font-size: 11px;">&lt;html&gt;
&lt;head&gt;
&lt;title&gt;lol&lt;/title&gt;
&lt;style type="text/css"&gt;
#tablecat {
width: 1000px;
background: black;
border: medium solid yellow;
color: yellow;
text-align: right;
vertical-align: auto;
font-family: arial;
font-size: 50px;
}
#tablecat td { border: thin solid white; background-image: url('http://www.processandfaith.org/images/background-ocean.jpg'); }
&lt;/style&gt;

&lt;!--[if IE]&gt;
&lt;style type="text/css"&gt;
#tablecat {
width: 250px;
height: 200px;
background: rgb(100, 100, 180);
border: thin dashed rgb(150, 50, 50);
color: red;
text-align: center;
vertical-align: bottom;
font-family: copperplate gothic bold;
font-size: 15px;

}
#tablecat td { border: thin solid white; background-image: url('http://www.graphicsarcade.com/backgrounds/dark/dark_background_11.gif'); }
&lt;/style&gt;
&lt;![endif]--&gt;
&lt;/head&gt;

&lt;body&gt;
&lt;table id="tablecat"&gt;
&lt;tr&gt;
&lt;td&gt;
You are &lt;comment&gt;not&lt;/comment&gt; using IE.
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td colspan="100%"&gt;
This table will look completely different if you view it in &lt;!--[if IE]&gt;Mozilla&lt;![endif]--&gt;&lt;comment&gt;IE&lt;/comment&gt;.
&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></div></div>