title: customize default menu styling for web.sitemap using css
body: <p>I am using <code>web.sitemap</code> to display the menu for the asp.net application, which is looking fine, but by default the submenus for the main menu items will be displayed vertically like below. 
  <img src="https://i.stack.imgur.com/soJdx.png" alt="enter image description here"></p>
  
  <p>But I want to display submenu as <strong>horizontally</strong>. I am trying to change with css. But it is not changing. The main class for the div is <code>mainmenu</code>. To customize this i am using css like below.</p>
  
  <pre><code>.mainmenu ul li ul li{
  position:relative;
  float:left;
  }
  </code></pre>
  
  <p>But it is not going to the left. I given <code>display:inline</code>, even though it is not working. Can't we customize the menu which is coming from <code>web.sitemap</code> provider or am I doing any wrong here?
  Here the <a href="http://jsfiddle.net/y2GjA/" rel="nofollow noreferrer">JS Fiddle link</a> </p>