title: CSS Design Issue in IE 9 & 8 when page is developed in asp.net
body: <p>I have a designed landing page in asp.net 4.0 i am using repeater control to generate  Boxes.</p>
  
  <p>Issue is that it looks good in FF and Crome but design move up adds space under image and look smessy. it is pretty clear from the screen shot also</p>
  
  <pre><code>  &lt;div id="bodyContainer"  class="bodyContainer"&gt;
  
            &lt;table cellpadding="0" cellspacing="0" border="0"  width="100%"&gt;
                  &lt;tr&gt;
                      &lt;td width="32px" &gt;&lt;/td&gt;
                      &lt;td width="836px" valign="top"&gt;
  
                          &lt;table cellpadding="0" cellspacing="0" border="0" width="100%"&gt;
                              &lt;tr&gt;
                              &lt;td height="32px" width="836px" &gt;
                                  &amp;nbsp;&lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;tr&gt;
                              &lt;td height="400px" width="836px" valign="top"&gt;
  &lt;!--Table Frame for 4 Article &amp; Top 10 --&gt; 
  &lt;table border="0" cellpadding="0" cellspacing="0" width="836"&gt;
    &lt;tr&gt;
  
    &lt;td height="330" valign="top" style="width: 616px;"&gt;
    &lt;!--Table Frame for 4 Article  --&gt; 
  
  &lt;a id="MainContent_rpt4x4_hylTopFour_0" href="ArticleDetails.aspx?Language=en-US&amp;amp;PageID=19&amp;amp;ArticleID=4" style="display:inline-block;border-width:0px;"&gt;
          &lt;div id="articleContainer" class="articleContainer" &gt;
          &lt;table border="0" cellpadding="0" cellspacing="0" width="281"&gt;
                &lt;tr&gt;
                  &lt;td colspan="3" width="280" height="252"&gt;
                      &lt;img id="MainContent_rpt4x4_imgTopFourImg_0" border="0" src="ImagesArticles/f615fc99-e844-4872-86a8-bfbf5eea7d09.jpg" style="height:252px;width:281px;" /&gt;
                  &lt;/td&gt;
  
                &lt;/tr&gt;
                &lt;tr&gt;
                  &lt;td colspan="3" width="280" height="28" bgcolor="#B49850"  &gt;
                      &lt;div  class="Title4x4" &gt;
                          &lt;span id="MainContent_rpt4x4_lblTopFourTitle_0"&gt;This is the first article used fo...&lt;/span&gt;
                      &lt;/div&gt;
                  &lt;/td&gt;
                &lt;/tr&gt;
  
                &lt;tr&gt;
                  &lt;td rowspan="2" width="80" height="47" bgcolor="#B49850" valign="middle"&gt;
                      &lt;div class="Date4x4"&gt;
                          &lt;span id="MainContent_rpt4x4_lblTopFourDate_0"&gt;30/01/12&lt;/span&gt;
                      &lt;/div&gt;
                  &lt;/td&gt;
                   &lt;td rowspan="2" width="5" height="47" bgcolor="#B49850" valign="top"&gt;
                      &lt;div style="background-color:White; height:35px; width:1px;"&gt;&lt;/div&gt;
  
                  &lt;/td&gt;
                  &lt;td  bgcolor="#B49850" class="Desc4x4" &gt;
                      &lt;div style="margin-left:10px; margin-right:10px;" &gt;
                          &lt;span id="MainContent_rpt4x4_lblTopFourDesc_0"&gt;Brief description of the article will go here and so on. Brief description of the article will go he...&lt;/span&gt;
                      &lt;/div&gt;
                  &lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
  
                 &lt;td bgcolor="#B49850" align="right" class="more4x4"&gt;
                 &lt;div style="margin-left:10px; margin-right:10px;"&gt;
                     &lt;a id="MainContent_rpt4x4_hylTopFourLink_0"&gt;read more...&lt;/a&gt;
                &lt;/div&gt;
                 &lt;/td&gt;
                &lt;/tr&gt;
          &lt;/table&gt;
          &lt;/div&gt;
  
          &lt;/a&gt;
  
  &lt;a id="MainContent_rpt4x4_hylTopFour_1" href="ArticleDetails.aspx?Language=en-US&amp;amp;PageID=19&amp;amp;ArticleID=40" style="display:inline-block;border-width:0px;"&gt;
          &lt;div id="articleContainer" class="articleContainer" &gt;
          &lt;table border="0" cellpadding="0" cellspacing="0" width="281"&gt;
                &lt;tr&gt;
                  &lt;td colspan="3" width="280" height="252"&gt;
                      &lt;img id="MainContent_rpt4x4_imgTopFourImg_1" border="0" src="ImagesArticles/68244457-bd36-4560-b9b4-88cefb810501.jpg" style="height:252px;width:281px;" /&gt;
                  &lt;/td&gt;
                &lt;/tr&gt;
  
                &lt;tr&gt;
                  &lt;td colspan="3" width="280" height="28" bgcolor="#B49850"  &gt;
                      &lt;div  class="Title4x4" &gt;
                          &lt;span id="MainContent_rpt4x4_lblTopFourTitle_1"&gt;Al Habtoor Group unveils its late...&lt;/span&gt;
                      &lt;/div&gt;
                  &lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
  
                  &lt;td rowspan="2" width="80" height="47" bgcolor="#B49850" valign="middle"&gt;
                      &lt;div class="Date4x4"&gt;
                          &lt;span id="MainContent_rpt4x4_lblTopFourDate_1"&gt;19/01/12&lt;/span&gt;
                      &lt;/div&gt;
                  &lt;/td&gt;
                   &lt;td rowspan="2" width="5" height="47" bgcolor="#B49850" valign="top"&gt;
                      &lt;div style="background-color:White; height:35px; width:1px;"&gt;&lt;/div&gt;
                  &lt;/td&gt;
  
                  &lt;td  bgcolor="#B49850" class="Desc4x4" &gt;
                      &lt;div style="margin-left:10px; margin-right:10px;" &gt;
                          &lt;span id="MainContent_rpt4x4_lblTopFourDesc_1"&gt;The Al Habtoor Group revealed today, in a press conference held at the Metropolitan Hotel, the launc...&lt;/span&gt;
                      &lt;/div&gt;
                  &lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                 &lt;td bgcolor="#B49850" align="right" class="more4x4"&gt;
  
                 &lt;div style="margin-left:10px; margin-right:10px;"&gt;
                     &lt;a id="MainContent_rpt4x4_hylTopFourLink_1"&gt;read more...&lt;/a&gt;
                &lt;/div&gt;
                 &lt;/td&gt;
                &lt;/tr&gt;
          &lt;/table&gt;
          &lt;/div&gt;
          &lt;/a&gt;
  
  
  &lt;a id="MainContent_rpt4x4_hylTopFour_2" href="ArticleDetails.aspx?Language=en-US&amp;amp;PageID=19&amp;amp;ArticleID=36" style="display:inline-block;border-width:0px;"&gt;
          &lt;div id="articleContainer" class="articleContainer" &gt;
          &lt;table border="0" cellpadding="0" cellspacing="0" width="281"&gt;
                &lt;tr&gt;
                  &lt;td colspan="3" width="280" height="252"&gt;
                      &lt;img id="MainContent_rpt4x4_imgTopFourImg_2" border="0" src="ImagesArticles/272216fd-d6e4-43e1-8a91-8fd3fa539dd5.jpg" style="height:252px;width:281px;" /&gt;
                  &lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
  
                  &lt;td colspan="3" width="280" height="28" bgcolor="#B49850"  &gt;
                      &lt;div  class="Title4x4" &gt;
                          &lt;span id="MainContent_rpt4x4_lblTopFourTitle_2"&gt;The largest mosque in Dubai opens...&lt;/span&gt;
                      &lt;/div&gt;
                  &lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                  &lt;td rowspan="2" width="80" height="47" bgcolor="#B49850" valign="middle"&gt;
  
                      &lt;div class="Date4x4"&gt;
                          &lt;span id="MainContent_rpt4x4_lblTopFourDate_2"&gt;29/07/11&lt;/span&gt;
                      &lt;/div&gt;
                  &lt;/td&gt;
                   &lt;td rowspan="2" width="5" height="47" bgcolor="#B49850" valign="top"&gt;
                      &lt;div style="background-color:White; height:35px; width:1px;"&gt;&lt;/div&gt;
                  &lt;/td&gt;
                  &lt;td  bgcolor="#B49850" class="Desc4x4" &gt;
  
                      &lt;div style="margin-left:10px; margin-right:10px;" &gt;
                          &lt;span id="MainContent_rpt4x4_lblTopFourDesc_2"&gt;Come the last Friday before holy month Ramadan, another landmark would be added to Dubai’s celebrate...&lt;/span&gt;
                      &lt;/div&gt;
                  &lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                 &lt;td bgcolor="#B49850" align="right" class="more4x4"&gt;
                 &lt;div style="margin-left:10px; margin-right:10px;"&gt;
  
                     &lt;a id="MainContent_rpt4x4_hylTopFourLink_2"&gt;read more...&lt;/a&gt;
                &lt;/div&gt;
                 &lt;/td&gt;
                &lt;/tr&gt;
          &lt;/table&gt;
          &lt;/div&gt;
          &lt;/a&gt;
  
  &lt;a id="MainContent_rpt4x4_hylTopFour_3" href="ArticleDetails.aspx?Language=en-US&amp;amp;PageID=19&amp;amp;ArticleID=38" style="display:inline-block;border-width:0px;"&gt;
  
          &lt;div id="articleContainer" class="articleContainer" &gt;
          &lt;table border="0" cellpadding="0" cellspacing="0" width="281"&gt;
                &lt;tr&gt;
                  &lt;td colspan="3" width="280" height="252"&gt;
                      &lt;img id="MainContent_rpt4x4_imgTopFourImg_3" border="0" src="ImagesArticles/d138d1f9-4712-40c5-9559-81cc9c4fa474.jpg" style="height:252px;width:281px;" /&gt;
                  &lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                  &lt;td colspan="3" width="280" height="28" bgcolor="#B49850"  &gt;
  
                      &lt;div  class="Title4x4" &gt;
                          &lt;span id="MainContent_rpt4x4_lblTopFourTitle_3"&gt;Al Farooq Omar Mosque in Jumeirah...&lt;/span&gt;
                      &lt;/div&gt;
                  &lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                  &lt;td rowspan="2" width="80" height="47" bgcolor="#B49850" valign="middle"&gt;
                      &lt;div class="Date4x4"&gt;
  
                          &lt;span id="MainContent_rpt4x4_lblTopFourDate_3"&gt;29/07/11&lt;/span&gt;
                      &lt;/div&gt;
                  &lt;/td&gt;
                   &lt;td rowspan="2" width="5" height="47" bgcolor="#B49850" valign="top"&gt;
                      &lt;div style="background-color:White; height:35px; width:1px;"&gt;&lt;/div&gt;
                  &lt;/td&gt;
                  &lt;td  bgcolor="#B49850" class="Desc4x4" &gt;
                      &lt;div style="margin-left:10px; margin-right:10px;" &gt;
  
                          &lt;span id="MainContent_rpt4x4_lblTopFourDesc_3"&gt;Al Farooq Omar Mosque in Jumeirah: The Most Modern Mosque in the Region&lt;/span&gt;
                      &lt;/div&gt;
                  &lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                 &lt;td bgcolor="#B49850" align="right" class="more4x4"&gt;
                 &lt;div style="margin-left:10px; margin-right:10px;"&gt;
                     &lt;a id="MainContent_rpt4x4_hylTopFourLink_3"&gt;read more...&lt;/a&gt;
  
                &lt;/div&gt;
                 &lt;/td&gt;
                &lt;/tr&gt;
          &lt;/table&gt;
          &lt;/div&gt;
          &lt;/a&gt;
  
  
   &lt;!--Table Frame for 4 Article  --&gt; 
  
     &lt;/td&gt;
  
     &lt;td width="220" height="330" valign="top"&gt;
  
     &lt;!--Table Frame for Top 10 Article  --&gt; 
  
            &lt;div id="Top10container" class="Top10Container"&gt;
              &lt;div id="Top10NesCon" class="Top10NesCon" &gt;
  
                  &lt;table cellpadding="0" cellspacing="0" width="206px" align="left" border="0"&gt;
                      &lt;tr&gt;
                          &lt;td height="30px" &gt;
                              &lt;a id="MainContent_hylTop10Viewed" class="Top10Heading" href="Archive-Most-Viewed.aspx?Language=en-US&amp;amp;PageID=21"&gt;TOP 10 VIEWED ARTICLES&lt;/a&gt;
                          &lt;/td&gt;
                      &lt;/tr&gt;
  
                       &lt;tr&gt;
                          &lt;td class="Top10Divider"&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                       &lt;tr&gt;
                          &lt;td class="Top10DividerSpace"&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td class="Top10links"&gt;
                          &lt;table id="MainContent_dlTop10" cellspacing="0" style="border-collapse:collapse;"&gt;
  
      &lt;tr&gt;
          &lt;td&gt;
  
                                  &lt;table cellpadding="0" cellspacing="0" width="206px" &gt;
                                      &lt;tr&gt;
                                          &lt;td width="23px" valign="top" align="centre"&gt;
  
                                                  &lt;div id="Top10Bullet"  class="Top10Bullet"&gt;
                                                      &lt;span id="MainContent_dlTop10_lblSnNo_0"&gt;1&lt;/span&gt;
  
                                                  &lt;/div&gt;
  
                                          &lt;/td&gt;
                                          &lt;td width="184px" valign="top" align="left" &gt; 
                                          &lt;a id="MainContent_dlTop10_hylTopTen_0" href="ArticleDetails.aspx?Language=en-US&amp;amp;PageID=19&amp;amp;ArticleID=4" style="display:inline-block;border-width:0px;text-decoration:none;"&gt;
                                              &lt;div id="Top10ArticleHeading" class="Top10ArticleHeading"&gt;
                                                   &lt;span id="MainContent_dlTop10_lblTopFourTitle_0"&gt;This is the first art...&lt;/span&gt;
                                              &lt;/div&gt;
                                              &lt;div id="Top10ArticleDesc" class="Top10ArticleDesc"&gt;
                                                  &lt;span id="MainContent_dlTop10_lblTopFourDesc_0"&gt;Brief description of the article will go here and so on. Brief description of the article...&lt;/span&gt;
  
                                              &lt;/div&gt;
                                          &lt;/a&gt;
                                          &lt;/td&gt;
                                      &lt;/tr&gt;
                                       &lt;tr&gt;
                                          &lt;td class="Top10Space"&gt;&lt;/td&gt;
                                      &lt;/tr&gt;
                                  &lt;/table&gt;
  
                              &lt;/td&gt;
      &lt;/tr&gt;&lt;tr&gt;
          &lt;td&gt;
  
                                  &lt;table cellpadding="0" cellspacing="0" width="206px" &gt;
                                      &lt;tr&gt;
                                          &lt;td width="23px" valign="top" align="centre"&gt;
  
                                                  &lt;div id="Top10Bullet"  class="Top10Bullet"&gt;
                                                      &lt;span id="MainContent_dlTop10_lblSnNo_1"&gt;2&lt;/span&gt;
  
                                                  &lt;/div&gt;
  
                                          &lt;/td&gt;
                                          &lt;td width="184px" valign="top" align="left" &gt; 
                                          &lt;a id="MainContent_dlTop10_hylTopTen_1" href="ArticleDetails.aspx?Language=en-US&amp;amp;PageID=19&amp;amp;ArticleID=40" style="display:inline-block;border-width:0px;text-decoration:none;"&gt;
                                              &lt;div id="Top10ArticleHeading" class="Top10ArticleHeading"&gt;
                                                   &lt;span id="MainContent_dlTop10_lblTopFourTitle_1"&gt;Al Habtoor Group unve...&lt;/span&gt;
                                              &lt;/div&gt;
                                              &lt;div id="Top10ArticleDesc" class="Top10ArticleDesc"&gt;
                                                  &lt;span id="MainContent_dlTop10_lblTopFourDesc_1"&gt;The Al Habtoor Group revealed today, in a press conference held at the Metropolitan Hotel,...&lt;/span&gt;
  
                                              &lt;/div&gt;
                                          &lt;/a&gt;
                                          &lt;/td&gt;
                                      &lt;/tr&gt;
                                       &lt;tr&gt;
                                          &lt;td class="Top10Space"&gt;&lt;/td&gt;
                                      &lt;/tr&gt;
                                  &lt;/table&gt;
  
                              &lt;/td&gt;
      &lt;/tr&gt;&lt;tr&gt;
          &lt;td&gt;
  
                                  &lt;table cellpadding="0" cellspacing="0" width="206px" &gt;
                                      &lt;tr&gt;
                                          &lt;td width="23px" valign="top" align="centre"&gt;
  
                                                  &lt;div id="Top10Bullet"  class="Top10Bullet"&gt;
                                                      &lt;span id="MainContent_dlTop10_lblSnNo_2"&gt;3&lt;/span&gt;
  
                                                  &lt;/div&gt;
  
                                          &lt;/td&gt;
                                          &lt;td width="184px" valign="top" align="left" &gt; 
                                          &lt;a id="MainContent_dlTop10_hylTopTen_2" href="ArticleDetails.aspx?Language=en-US&amp;amp;PageID=19&amp;amp;ArticleID=38" style="display:inline-block;border-width:0px;text-decoration:none;"&gt;
                                              &lt;div id="Top10ArticleHeading" class="Top10ArticleHeading"&gt;
                                                   &lt;span id="MainContent_dlTop10_lblTopFourTitle_2"&gt;Al Farooq Omar Mosque...&lt;/span&gt;
                                              &lt;/div&gt;
                                              &lt;div id="Top10ArticleDesc" class="Top10ArticleDesc"&gt;
                                                  &lt;span id="MainContent_dlTop10_lblTopFourDesc_2"&gt;Al Farooq Omar Mosque in Jumeirah: The Most Modern Mosque in the Region&lt;/span&gt;
  
                                              &lt;/div&gt;
                                          &lt;/a&gt;
                                          &lt;/td&gt;
                                      &lt;/tr&gt;
                                       &lt;tr&gt;
                                          &lt;td class="Top10Space"&gt;&lt;/td&gt;
                                      &lt;/tr&gt;
                                  &lt;/table&gt;
  
                              &lt;/td&gt;
      &lt;/tr&gt;&lt;tr&gt;
          &lt;td&gt;
  
                                  &lt;table cellpadding="0" cellspacing="0" width="206px" &gt;
                                      &lt;tr&gt;
                                          &lt;td width="23px" valign="top" align="centre"&gt;
  
                                                  &lt;div id="Top10Bullet"  class="Top10Bullet"&gt;
                                                      &lt;span id="MainContent_dlTop10_lblSnNo_3"&gt;4&lt;/span&gt;
  
                                                  &lt;/div&gt;
  
                                          &lt;/td&gt;
                                          &lt;td width="184px" valign="top" align="left" &gt; 
                                          &lt;a id="MainContent_dlTop10_hylTopTen_3" href="ArticleDetails.aspx?Language=en-US&amp;amp;PageID=19&amp;amp;ArticleID=11" style="display:inline-block;border-width:0px;text-decoration:none;"&gt;
                                              &lt;div id="Top10ArticleHeading" class="Top10ArticleHeading"&gt;
                                                   &lt;span id="MainContent_dlTop10_lblTopFourTitle_3"&gt;How can we over come...&lt;/span&gt;
                                              &lt;/div&gt;
                                              &lt;div id="Top10ArticleDesc" class="Top10ArticleDesc"&gt;
                                                  &lt;span id="MainContent_dlTop10_lblTopFourDesc_3"&gt;How can we over come recession How can we over come recession How can we over come recessi...&lt;/span&gt;
  
                                              &lt;/div&gt;
                                          &lt;/a&gt;
                                          &lt;/td&gt;
                                      &lt;/tr&gt;
                                       &lt;tr&gt;
                                          &lt;td class="Top10Space"&gt;&lt;/td&gt;
                                      &lt;/tr&gt;
                                  &lt;/table&gt;
  
                              &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;   
  
  
                          &lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr class="Top10Footer"  &gt;
                          &lt;td &gt;&lt;a id="MainContent_hylReadMoreTop10" class="Top10Footer" href="Archive-Most-Viewed.aspx?Language=en-US&amp;amp;PageID=21"&gt;read more...&lt;/a&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/table&gt;
  
  
               &lt;/div&gt;
         &lt;/div&gt;
  
     &lt;!--Table Frame for Top 10 Article  --&gt; 
     &lt;!-- Banner  --&gt;
     &lt;div id="divBannerWrapper" class="BannerWrapper"&gt;
         &lt;img id="MainContent_imgBanner1" class="BannerRightImg" src="images/up1.jpg" /&gt;
         &lt;img id="MainContent_imgBanner2" class="BannerRightImg" src="images/up2.jpg" /&gt;
     &lt;/div&gt;
     &lt;!-- Banner  --&gt;
  
  
     &lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
   &lt;!--Table Frame for 4 Article &amp; Top 10 --&gt;                            
                              &lt;/td&gt;
                              &lt;/tr&gt;
                          &lt;/table&gt;!
  
                      &lt;/td&gt;
                      &lt;td width="32px" valign="top" &gt;
  
                      &lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/table&gt;
              &lt;div style="height:15px";&gt;&lt;/div&gt;
  &lt;/div&gt;
  
          &lt;/div&gt;
  </code></pre>
  
  <p><strong>I am also adding CSS which i use for these elements</strong></p>
  
  <pre><code>.articleContainer
  {
     cursor:pointer; 
     width:281px; 
     height:328px;
     position:relative;
     float:left; 
     margin-right:22px; 
     margin-bottom:21px; 
     display: block; 
  }
  </code></pre>
  
  <p>In Firefox and Crome looks good
  ![In Firefox and Crome looks good ][1]</p>
  
  <p>IE 9 Screen Shot Look bad underline links removes padding on right and bottom and adds space below the image. which give it really bad look. When i view same in IE 9 Standard mode it come up fine. So i am not sure why it is happening as i am not a CSS design pro.
  ![IE 9 Screen Shot Look bad][2]</p>
  
  <p>I tried to fix it for quite some time but cant find the source of problem so that i can work on.</p>