Hello all,

I have the following code in which i'm having some problems with:

Code:
<div id="ctl00_m_g_022cac31_8157_4fad_acd6_d841986564fc">
  <div class="gray_embossed_tabs">
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
      <tbody>
       <tr>
        <td>
         <ul>
          <li class="selected">
           <a id="alink" href="www.google.com">Google1</a>
          </li>
          <li>
           <a id="alink" href="www.google.com">Google2</a>
          </li>
          <li>
           <a id="alink" href="www.google.com">Google3</a>
          </li>
        </ul>
       </td>
       </tr>
       </tbody>
     </table>
   </div>
</div>
On our website this is created by the server in asp and therefore has no ID's on the table or its rows.

The problem is that we are having a problem with the css of the table without any IDs or Classes I am unable to do this.

My first thought was to use javascript setAttribute() function, using the only ID there (the first div) to use childNodes[1].childNodes[1] (ext, ext). However, I am unable to get this working as the childNodes don't seem to be set as what i thought.

At the end of the day I need to be able to modify the css of all the <li> in the above code.

Can anyone help with my above theory of using setAttribute() or is there possible a better way?