title: Strange extra padding in chrome using standard VS 2010 template
body: <p>I have the following code slightly modified from the Visual Studio 2010 css template. My problem is I'm getting extra top padding/margin of approx 10px in the parent div's of the menu controls in chrome only. It's fine in IE. Whats going on here?</p>
  
  <p>CSS</p>
  
  <pre><code>    /* CSS RESET 
  ----------------------------------------------------------*/
  *{margin:0;padding:0;}
  
  
  /* DEFAULTS
  ----------------------------------------------------------*/
  
  body   
  {
      background: #b6b7bc;
      font-size: .80em;
      font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
      margin: 0px;
      padding: 0px;
      color: #696969;
  }
  
  a:link, a:visited
  {
      color: #034af3;
  }
  
  a:hover
  {
      color: #1d60ff;
      text-decoration: none;
  }
  
  a:active
  {
      color: #034af3;
  }
  
  p
  {
      margin-bottom: 10px;
      line-height: 1.6em;
  }
  
  
  /* HEADINGS   
  ----------------------------------------------------------*/
  
  h1, h2, h3, h4, h5, h6
  {
      font-size: 1.5em;
      color: #666666;
      /*font-variant: small-caps;*/
      text-transform: none;
      font-weight: 200;
      margin-bottom: 0px;
  }
  
  h1
  {
      font-size: 1.6em;
      padding-bottom: 0px;
      margin-bottom: 0px;
  }
  
  h2
  {
      font-size: 1.5em;
      font-weight: 600;
  }
  
  h3
  {
      font-size: 1.2em;
  }
  
  h4
  {
      font-size: 1.1em;
  }
  
  h5, h6
  {
      font-size: 1em;
  }
  
  /* this rule styles &lt;h1&gt; and &lt;h2&gt; tags that are the 
  first child of the left and right table columns */
  .rightColumn &gt; h1, .rightColumn &gt; h2, .leftColumn &gt; h1, .leftColumn &gt; h2
  {
      margin-top: 0px;
  }
  
  
  /* PRIMARY LAYOUT ELEMENTS   
  ----------------------------------------------------------*/
  
  .page
  {
      width: 960px;
      background-color: #fff;
      margin: 20px auto 0px auto;
      border: 1px solid #496077;
  }
  
  .header
  {
      position: relative;
      margin: 0px;
      padding: 0px;
      background: #4b6c9e;
      width: 100%;
  }
  
  .header h1
  {
      font-weight: 700;
      margin: 0px;
      padding: 0px 0px 0px 20px;
      color: #f9f9f9;
      border: none;
      line-height: 2em;
      font-size: 2em;
  }
  
  .main
  {
      min-height: 420px;
  }
  
  .mainContent
  {
      float:left;    
      width:790px; 
      padding-left:8px;
  }
  
  .leftCol
  {
      padding: 6px 0px;
      margin: 12px 8px 8px 8px;
      width: 200px;
      min-height: 200px;
  }
  
  .footer
  {
      color: #4e5766;
      padding: 8px 0px 0px 0px;
      margin: 0px auto;
      text-align: center;
      line-height: normal;
  }
  
  
  /* TAB MENU   
  ----------------------------------------------------------*/
  
  div.hideSkiplink
  {
  
  }
  
  div.topMenuContainer
  {
      background-color:#3a4f63;
      width:100%;
  }
  
  div.menu
  {
      padding: 0px 0px 4px 8px;
  }
  
  div.menu ul
  {
      list-style: none;
      margin: 0px;
      padding: 0px;
      width: auto;
  }
  
  div.menu ul li a, div.menu ul li a:visited
  {
      background-color: #465c71;
      border: 1px #4e667d solid;
      color: #dde4ec;
      display: block;
      line-height: 1.35em;
      padding: 4px 20px;
      text-decoration: none;
      white-space: nowrap;
      margin:0px;
  }
  
  div.menu ul li a:hover
  {
      background-color: #bfcbd6;
      color: #465c71;
      text-decoration: none;
      margin:0px;
  }
  
  div.menu ul li a:active
  {
      background-color: #465c71;
      color: #cfdbe6;
      text-decoration: none;
      margin:0px;
  }
  
  /* LEFT MENU   
  ----------------------------------------------------------*/
  
  div.leftMenuContainer
  {
      background-color:#3a4f63;
      width:160px;
      float:left;
      min-height: 420px;
  }
  
  div.leftMenu
  {
      padding: 4px 0px 4px 8px;
  }
  
  div.leftMenu ul
  {
      list-style: none;
      margin: 0px;
      padding: 0px;
      width: auto;
  }
  
  div.leftMenu ul li a, div.leftMenu ul li a:visited
  {
      background-color: #465c71;
      border: 1px #4e667d solid;
      color: #dde4ec;
      display: block;
      line-height: 1.35em;
      padding: 4px 20px;
      text-decoration: none;
      white-space: nowrap;
  }
  
  div.leftMenu ul li a:hover
  {
      background-color: #bfcbd6;
      color: #465c71;
      text-decoration: none;
  }
  
  div.leftMenu ul li a:active
  {
      background-color: #465c71;
      color: #cfdbe6;
      text-decoration: none;
  }
  
  /* FORM ELEMENTS   
  ----------------------------------------------------------*/
  
  fieldset
  {
      margin: 1em 0px;
      padding: 1em;
      border: 1px solid #ccc;
  }
  
  fieldset p 
  {
      margin: 2px 12px 10px 10px;
  }
  
  fieldset.login label, fieldset.register label, fieldset.changePassword label
  {
      display: block;
  }
  
  fieldset label.inline 
  {
      display: inline;
  }
  
  legend 
  {
      font-size: 1.1em;
      font-weight: 600;
      padding: 2px 4px 8px 4px;
  }
  
  input.textEntry 
  {
      width: 320px;
      border: 1px solid #ccc;
  }
  
  input.passwordEntry 
  {
      width: 320px;
      border: 1px solid #ccc;
  }
  
  div.accountInfo
  {
      width: 42%;
  }
  
  /* MISC  
  ----------------------------------------------------------*/
  
  .clear
  {
      clear: both;
  }
  
  .title
  {
      display: block;
      float: left;
      text-align: left;
      width: auto;
  }
  
  .loginDisplay
  {
      font-size: 1.1em;
      display: block;
      text-align: right;
      padding: 10px;
      color: White;
  }
  
  .loginDisplay a:link
  {
      color: white;
  }
  
  .loginDisplay a:visited
  {
      color: white;
  }
  
  .loginDisplay a:hover
  {
      color: white;
  }
  
  .failureNotification
  {
      font-size: 1.2em;
      color: Red;
  }
  
  .bold
  {
      font-weight: bold;
  }
  
  .submitButton
  {
      text-align: right;
      padding-right: 10px;
  }
  </code></pre>
  
  <p>ASPX</p>
  
  <pre><code>&lt;%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="MTGames.SiteMaster" %&gt;
  
  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"&gt;
  &lt;head runat="server"&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;link href="~/Styles/Site.css" rel="stylesheet" type="text/css" /&gt;
      &lt;asp:ContentPlaceHolder ID="HeadContent" runat="server"&gt;
      &lt;/asp:ContentPlaceHolder&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;form runat="server"&gt;
      &lt;div class="page"&gt;
          &lt;div class="header"&gt;
              &lt;div class="title"&gt;
                  &lt;h1&gt;
                      My Site
                  &lt;/h1&gt;
              &lt;/div&gt;
              &lt;div class="loginDisplay"&gt;
                  &lt;asp:LoginView ID="HeadLoginView" runat="server" EnableViewState="false"&gt;
                      &lt;AnonymousTemplate&gt;
                          [ &lt;a href="~/Account/Login.aspx" ID="HeadLoginStatus" runat="server"&gt;Log In&lt;/a&gt; ]
                      &lt;/AnonymousTemplate&gt;
                      &lt;LoggedInTemplate&gt;
                          Welcome &lt;span class="bold"&gt;&lt;asp:LoginName ID="HeadLoginName" runat="server" /&gt;&lt;/span&gt;!
                          [ &lt;asp:LoginStatus ID="HeadLoginStatus" runat="server" LogoutAction="Redirect" LogoutText="Log Out" LogoutPageUrl="~/"/&gt; ]
                      &lt;/LoggedInTemplate&gt;
                  &lt;/asp:LoginView&gt;
              &lt;/div&gt;
              &lt;div class="clear topMenuContainer hideSkiplink"&gt;
                  &lt;asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal"&gt;
                      &lt;Items&gt;
                          &lt;asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home"/&gt;
                          &lt;asp:MenuItem NavigateUrl="~/Content/SavingsClub.aspx" Text="Savings Club"/&gt;
                          &lt;asp:MenuItem NavigateUrl="~/Content/BuySellExchange.aspx" Text="Buy Sell Exchange"/&gt;
                          &lt;asp:MenuItem NavigateUrl="~/Content/Photos.aspx" Text="Photos"/&gt;
                          &lt;asp:MenuItem NavigateUrl="~/Content/ContactUs.aspx" Text="Contact Us"/&gt;
                      &lt;/Items&gt;
                  &lt;/asp:Menu&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="main"&gt;
              &lt;div class="clear leftMenuContainer hideSkiplink"&gt;
                  &lt;asp:Menu ID="LeftNavMenu" runat="server" CssClass="leftMenu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Vertical"&gt;
                      &lt;Items&gt;
                          &lt;asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home"/&gt;
                          &lt;asp:MenuItem NavigateUrl="~/Content/SavingsClub.aspx" Text="Savings Club"/&gt;
                          &lt;asp:MenuItem NavigateUrl="~/Content/BuySellExchange.aspx" Text="Buy Sell Exchange"/&gt;
                          &lt;asp:MenuItem NavigateUrl="~/Content/Photos.aspx" Text="Photos"/&gt;
                          &lt;asp:MenuItem NavigateUrl="~/Content/ContactUs.aspx" Text="Contact Us"/&gt;
                      &lt;/Items&gt;
                  &lt;/asp:Menu&gt;
              &lt;/div&gt;
              &lt;div class="mainContent"&gt;
                  &lt;asp:ContentPlaceHolder ID="MainContent" runat="server"/&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="clear"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="footer"&gt;
  
      &lt;/div&gt;
      &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>HTML Output as requested...</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  
  &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"&gt;
  
  &lt;head&gt;&lt;title&gt;
  
      MT Games LTD - Home
  
  &lt;/title&gt;&lt;link href="Styles/Site.css" rel="stylesheet" type="text/css" /&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
  
      &lt;form method="post" action="default.aspx" id="ctl01"&gt;
  
  &lt;div class="aspNetHidden"&gt;
  
  &lt;input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /&gt;
  
  &lt;input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /&gt;
  
  &lt;input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTY1NDU2MTA1MmRkLDnBf84MIbFVqD400rg+QLHpOjYA01q5saPk2YvtQR8=" /&gt;
  
  &lt;/div&gt;
  
  
  
  &lt;script type="text/javascript"&gt;
  
  //&lt;![CDATA[
  
  var theForm = document.forms['ctl01'];
  
  if (!theForm) {
  
      theForm = document.ctl01;
  
  }
  
  function __doPostBack(eventTarget, eventArgument) {
  
      if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
  
          theForm.__EVENTTARGET.value = eventTarget;
  
          theForm.__EVENTARGUMENT.value = eventArgument;
  
          theForm.submit();
  
      }
  
  }
  
  //]]&gt;
  
  &lt;/script&gt;
  
  
  
  
  
  &lt;script src="/WebResource.axd?d=e5ggu92Xslxua3kL9nz8UEofZFOqESloGE_Cj0acdYupGWiZv6mA-7j9gl1qZyu-Y2_dOyT682uBRYryo2Uk1qSiI78I-2pgTagWwnubNEw1&amp;amp;t=634220066968172593" type="text/javascript"&gt;&lt;/script&gt;
  
  
  
  
  
  &lt;script src="/ScriptResource.axd?d=vohUtv47l55JX-_SEfdvXX1rc3wSNSZ9IvoYKmaPF-0UDpWX_2VTYUNkLm7PO0jeF56__8cFVok93Md1-jOV27X9JbBIl3KWaifSkCmwKvk3Dgj6N7xFweVjQK5drnmfItGQ0AEWh8sbhd1vBIHoeA2&amp;amp;t=6df0ad7a" type="text/javascript"&gt;&lt;/script&gt;
  
  &lt;script src="/ScriptResource.axd?d=r99416_-lUTvcLqe0vx1emg4MR_VAgLHwDco9wPW98QgH03QnH7DRQkA0mx2FQZ5VppBb7JYwOM3gTOTGs8r_j6W0xaQKJo8xTEbbaYeAM9WE90s6Tp-uohjL07JySbKxyIzs5kMm3DtV3kkrbMsJmAIQGWT7gReSVSkk-vQtlSm8AGzdfW36I9zdQwR-z_60&amp;amp;t=2610f696" type="text/javascript"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  
  //&lt;![CDATA[
  
  if (typeof(Sys) === 'undefined') throw new Error('ASP.NET Ajax client-side framework failed to load.');
  
  //]]&gt;
  
  &lt;/script&gt;
  
  
  
  &lt;script src="/ScriptResource.axd?d=otDNNytXiqv-illCGIud3TULs9-clnOJc4rCdck1L_NgOC9rQIuScBEulatBNXXmu3mRYEY-IBlraYglBRImGj3VFqJMq5q1D8augYHxad15XoOHRiy4KA8ZCRoOmHQsaZmo-EGDbQ833sK4G1QpyLm1dIkybv0r0OSMKV_PkG29XB8AWUm5gsLlNrC2G67K0&amp;amp;t=2610f696" type="text/javascript"&gt;&lt;/script&gt;
  
      &lt;script type="text/javascript"&gt;
  
  //&lt;![CDATA[
  
  Sys.WebForms.PageRequestManager._initialize('ctl00$ScrptManager', 'ctl01', [], [], [], 90, 'ctl00');
  
  //]]&gt;
  
  &lt;/script&gt;
  
  
  
      &lt;div class="page"&gt;
  
          &lt;div class="header"&gt;
  
              &lt;div class="title"&gt;
  
                  &lt;h1&gt;
  
                      MT Games LTD
  
                  &lt;/h1&gt;
  
              &lt;/div&gt;
  
              &lt;div class="loginDisplay"&gt;
  
  
  
                          [ &lt;a href="Account/Login.aspx" id="HeadLoginView_HeadLoginStatus"&gt;Log In&lt;/a&gt; ]
  
  
  
              &lt;/div&gt;
  
              &lt;div class="clear topMenuContainer hideSkiplink"&gt;
  
                  &lt;a href="#NavigationMenu_SkipLink"&gt;&lt;img alt="Skip Navigation Links" src="/WebResource.axd?d=RbjyXrlFzBsX7QUn2iOIQq1pniIyextRs7F3B_K9nBzVv8mpeirENaJZ5ab4b0VRcLOj22AZ4sBUNuu-Qa1e4ZDAX4puffSVufxEEatcG2U1&amp;amp;t=634220066968172593" width="0" height="0" style="border-width:0px;" /&gt;&lt;/a&gt;&lt;div class="menu" id="NavigationMenu"&gt;
  
      &lt;ul class="level1"&gt;
  
          &lt;li&gt;&lt;a class="level1" href="Default.aspx"&gt;Home&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a class="level1" href="Content/SavingsClub.aspx"&gt;Savings Club&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a class="level1" href="Content/BuySellExchange.aspx"&gt;Buy Sell Exchange&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a class="level1" href="Content/Photos.aspx"&gt;Photos&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a class="level1" href="Content/ContactUs.aspx"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
  
      &lt;/ul&gt;
  
  &lt;/div&gt;&lt;a id="NavigationMenu_SkipLink"&gt;&lt;/a&gt;
  
              &lt;/div&gt;
  
          &lt;/div&gt;
  
  
  
          &lt;div class="main"&gt;
  
              &lt;div class="clear leftMenuContainer hideSkiplink"&gt;
  
                  &lt;a href="#LeftNavMenu_SkipLink"&gt;&lt;img alt="Skip Navigation Links" src="/WebResource.axd?d=RbjyXrlFzBsX7QUn2iOIQq1pniIyextRs7F3B_K9nBzVv8mpeirENaJZ5ab4b0VRcLOj22AZ4sBUNuu-Qa1e4ZDAX4puffSVufxEEatcG2U1&amp;amp;t=634220066968172593" width="0" height="0" style="border-width:0px;" /&gt;&lt;/a&gt;&lt;div class="leftMenu" id="LeftNavMenu"&gt;
  
      &lt;ul class="level1"&gt;
  
          &lt;li&gt;&lt;a class="level1" href="Content/Consoles.aspx"&gt;Consoles, Games &amp; Accessories&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a class="level1" href="Content/DVDBRMusic.aspx"&gt;DVD, BLUERAY &amp; Music&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a class="level1" href="Content/Collectables.aspx"&gt;Collectables &amp; Figurines&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a class="level1" href="Content/Guns.aspx"&gt;Guns&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a class="level1" href="Content/Knives.aspx"&gt;Knives&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a class="level1" href="Content/Archery.aspx"&gt;Archery&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a class="level1" href="Content/Other.aspx"&gt;Other Products&lt;/a&gt;&lt;/li&gt;
  
      &lt;/ul&gt;
  
  &lt;/div&gt;&lt;a id="LeftNavMenu_SkipLink"&gt;&lt;/a&gt;
  
              &lt;/div&gt;
  
              &lt;div class="mainContent"&gt;
  
  
  
      &lt;p&gt;
  
          To learn more about ASP.NET visit &lt;a href="http://www.asp.net" title="ASP.NET Website"&gt;www.asp.net&lt;/a&gt;.
  
      &lt;/p&gt;
  
      &lt;p&gt;
  
          You can also find &lt;a href="http://go.microsoft.com/fwlink/?LinkID=152368&amp;amp;clcid=0x409"
  
              title="MSDN ASP.NET Docs"&gt;documentation on ASP.NET at MSDN&lt;/a&gt;.
  
      &lt;/p&gt;
  
  
  
              &lt;/div&gt;
  
          &lt;/div&gt;
  
          &lt;div class="clear"&gt;
  
          &lt;/div&gt;
  
      &lt;/div&gt;
  
      &lt;div class="footer"&gt;
  
  
  
      &lt;/div&gt;
  
  
  
  &lt;script type='text/javascript'&gt;new Sys.WebForms.Menu({ element: 'NavigationMenu', disappearAfter: 500, orientation: 'horizontal', tabIndex: 0, disabled: false });&lt;/script&gt;&lt;script type='text/javascript'&gt;new Sys.WebForms.Menu({ element: 'LeftNavMenu', disappearAfter: 500, orientation: 'vertical', tabIndex: 0, disabled: false });&lt;/script&gt;&lt;/form&gt;
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>Now on jsfiddle <a href="http://jsfiddle.net/hhdTe/1/" rel="noreferrer">http://jsfiddle.net/hhdTe/1/</a> although the format is a but screwed up on there - the problem still exists. Run it in IE &amp; Chrome and you'll see the extra padding above the menus</p>