title: select all Li inside a div
body: <p>I need to set background color on all li item inside a div. I am having hard time  getting to the list item because of the mess sharepoint creates when the li are rendered. Each li are the result of a sharepoint server control render. This is essentially a top navigation with 6 menu items horizontally laid out and some of them even have sub menu items.</p>
  
  <p>I need to set a bgcolor on all list items and change bg color on hover and change back to the original color on mouseout.</p>
  
  <pre><code>&lt;div id="zz16_HDRNav" class="s4-tn"&gt;
      &lt;div class="menu horizontal menu-horizontal"&gt;
          &lt;ul class="root static"&gt;
              &lt;li class="static"&gt;
                  &lt;a class="static menu-item" href="/"&gt;
                      &lt;span class="additional-background"&gt;
                      &lt;span class="menu-item-text"&gt;Home&lt;/span&gt;&lt;/span&gt;
                  &lt;/a&gt;
              &lt;/li&gt;
              &lt;li class="static dynamic-children"&gt;
                  &lt;a class="static dynamic-children menu-item" href="/finance"&gt;
                      &lt;span class="additional-background"&gt;
                      &lt;span class="menu-item-text"&gt;Employee Center&lt;/span&gt;&lt;/span&gt;
                  &lt;/a&gt;
                  &lt;ul class="dynamic"&gt;
                      &lt;li class="dynamic"&gt;
                          &lt;a class="dynamic menu-item" href="/finance/EMEA"&gt;&lt;span class="additional-background"&gt;
                              &lt;span class="menu-item-text"&gt;Benefits&lt;/span&gt;&lt;/span&gt;
                          &lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li class="dynamic"&gt;
                          &lt;a class="dynamic menu-item" href="/finance/APAC"&gt;&lt;span class="additional-background"&gt;
                              &lt;span class="menu-item-text"&gt;Travel&lt;/span&gt;&lt;/span&gt;
                          &lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li class="dynamic"&gt;
                          &lt;a class="dynamic menu-item" href="/finance/CORP"&gt;
                              &lt;span class="additional-background"&gt;&lt;span class="menu-item-text"&gt;TSO&lt;/span&gt;&lt;/span&gt;
                          &lt;/a&gt;
                      &lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
              &lt;li class="static"&gt;
                  &lt;a class="static menu-item" href="/team"&gt;
                      &lt;span class="additional-background"&gt;
                      &lt;span class="menu-item-text"&gt;Business Communities&lt;/span&gt;&lt;/span&gt;
                  &lt;/a&gt;
              &lt;/li&gt;
              &lt;li class="static dynamic-children"&gt;
                  &lt;span class="static dynamic-children menu-item"&gt;&lt;span class="additional-background"&gt;&lt;span class="menu-item-text"&gt;Internal Services&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
                  &lt;ul class="dynamic"&gt;
                      &lt;li class="dynamic"&gt;
                          &lt;a class="dynamic menu-item" href="/regions/NA"&gt;
                              &lt;span class="additional-background"&gt;&lt;span class="menu-item-text"&gt;North America&lt;/span&gt;&lt;/span&gt;
                          &lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li class="dynamic"&gt;
                          &lt;a class="dynamic menu-item" href="/regions/me"&gt;
                              &lt;span class="additional-background"&gt;&lt;span class="menu-item-text"&gt;Middle East&lt;/span&gt;&lt;/span&gt;
                          &lt;/a&gt;
                      &lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
              &lt;li class="static"&gt;
                  &lt;a class="static menu-item" href="/it"&gt;
                      &lt;span class="additional-background"&gt;&lt;span class="menu-item-text"&gt;Best Practices&lt;/span&gt;&lt;/span&gt;
                  &lt;/a&gt;
              &lt;/li&gt;
              &lt;li class="static"&gt;
                  &lt;a class="static menu-item" href="/legal"&gt;
                      &lt;span class="additional-background"&gt;&lt;span class="menu-item-text"&gt;PolicyProcedures&lt;/span&gt;&lt;/span&gt;
                  &lt;/a&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;  
  </code></pre>