title: Div overlapping in Firefox
body: <p>Please see the html below</p>
  
  <p>it works fine in IE, but in Firefox it overlaps..please try and give me solution.
  When the position of the div inside the td was given static, it's working properly.But i need absolute there since i need to use the left and top attributes.Any help is appreciated.Thanks</p>
  
  <pre><code>    &lt;table style="height:auto; position:fixed;"&gt;
       &lt;tr&gt;
        &lt;td style="width:210px;padding:6px 6px 6px 6px;" class="contentBoxcontent"&gt;
            &lt;div style="LEFT: 20px; WIDTH: 154px; CURSOR: move; POSITION: absolute; TOP: 0px; HEIGHT: 29px;" &gt;&lt;a href="#"&gt;Traffic Light&lt;/a&gt;&lt;/div&gt;
            &lt;div style="LEFT: 0px; WIDTH: 161px; CURSOR: move; POSITION: absolute; TOP: 33px; HEIGHT: 110px;" &gt;&lt;img src="../common/Images/rollingstock.png" width="100%" height="100%" /&gt;&lt;/div&gt;
            &lt;div style="LEFT: 0px;WIDTH: 198px; CURSOR: move; POSITION: absolute; TOP: 154px; HEIGHT: 66px;" &gt;&lt;ul&gt;&lt;li&gt;Traffic Light Information&lt;/li&gt;&lt;li&gt;Signalling Information&lt;/li&gt;&lt;li&gt;Euro Light&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;
        &lt;/td&gt;
        &lt;td style="width:210px;padding:6px 6px 6px 6px;" class="contentBoxcontent"&gt;
            &lt;div style="LEFT: 10px;WIDTH: 154px; CURSOR: move; POSITION: absolute; TOP: 0px; HEIGHT: 29px;"&gt;&lt;a href="#"&gt;LED Dialight Iformation&lt;/a&gt;&lt;/div&gt;
            &lt;div style="LEFT: 0px;WIDTH: 161px; CURSOR: move; POSITION: absolute; TOP: 33px; HEIGHT: 110px;"&gt;&lt;img src="../common/Images/EN-12368_Euro.png" width="100%" height="100%" /&gt;&lt;/div&gt;
            &lt;div style="LEFT: 0px;WIDTH: 198px; CURSOR: move; POSITION: absolute; TOP: 154px; HEIGHT: 66px;"&gt;&lt;ul&gt;&lt;li&gt;Traffic Light Information&lt;/li&gt;&lt;li&gt;Signalling Information&lt;/li&gt;&lt;li&gt;Caltran Signals Light&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;
        &lt;/td&gt;
  
        &lt;td style="width:210px;padding:6px 6px 6px 6px;" class="contentBoxcontent"&gt;
            &lt;div style="LEFT: 10px;WIDTH: 154px; CURSOR: move; POSITION: absolute; TOP: 0px; HEIGHT: 29px;"&gt;&lt;a href="#"&gt;Signalling Information&lt;/a&gt;&lt;/div&gt;
            &lt;div style="LEFT: 0px;WIDTH: 161px; CURSOR: move; POSITION: absolute; TOP: 33px; HEIGHT: 110px;"&gt;&lt;img src="../common/Images/caltransignals.png" width="100%" height="100%" /&gt;&lt;/div&gt;
            &lt;div style="LEFT: 0px;WIDTH: 198px; CURSOR: move; POSITION: absolute; TOP: 154px; HEIGHT: 66px;"&gt;&lt;ul&gt;&lt;li&gt;Traffic Light Information&lt;/li&gt;&lt;li&gt;Signalling Information Light Test Data..&lt;/li&gt;&lt;li&gt;LED Light&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;/td&gt;
       &lt;/tr&gt;
      &lt;/table&gt;
  </code></pre>