title: Change CSS Style with jquery in following HTML
body: <p>I am working on one of the asp.net project which uses Drop-down Menus from from <a href="http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm" rel="nofollow">Dynamic Drive</a></p>
  
  <p>After using it with asp.net Menu control asp.net automatically adds styles to it. I want to replace part of <code>CSS Style</code> using jQuery from the following code. I would appreciate  help in this regards.</p>
  
  <pre><code>&lt;li class="" aria-haspopup="Menu1:submenu:11" role="menuitem" style="position: relative; float: left; z-index: 100;"&gt;
  &lt;a href="#?PageId=49&amp;amp;Language=en-US" class="popout level1 static" tabindex="-1" style="padding-right: 10px;"&gt;MAIN MENU&lt;img style="border:0;" class="downarrowclass1" src="../down.gif"&gt;&lt;/a&gt;
      &lt;ul class="" id="Menu1:submenu:11" style="display: none; position: absolute; top: 28px; left: 0px; visibility: visible; width: 186px;"&gt;
          &lt;li role="menuitem" class="" style="position: relative;"&gt;
              &lt;a href="#?PageId=50&amp;amp;Language=en-US&amp;amp;" class="level2 dynamic" tabindex="-1"&gt;SUB MENU&lt;/a&gt;
          &lt;/li&gt;
          &lt;li role="menuitem" class="" style="position: relative;"&gt;
              &lt;a href="#?PageId=52&amp;amp;Language=en-US&amp;amp;" class="level2 dynamic" tabindex="-1"&gt;SUB MENU/a&gt;
          &lt;/li&gt;
          &lt;li role="menuitem" class="" style="position: relative;"&gt;
              &lt;a href="#?PageId=51&amp;amp;Language=en-US&amp;amp;" class="level2 dynamic" tabindex="-1"&gt;SUB MENU&lt;/a&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>I want to change the style value of <code>top: 28px;</code> in  <code>UL</code> with <code>id="Menu1:submenu:11"</code> to <code>top:-58px</code>; I am not sure how I can do. </p>
  
  <p>HTML code is exact copy of asp.net web form in the browse.</p>
  
  <p>I am not sure how I can reference to element with id <code>Menu1:submenu:11</code> using jQuery &amp; over right the whole style property <code>style="display: none; position: absolute; top: 28px; left: 0px; visibility: visible; width: 186px;"</code></p>