css - td will not add horizontal scroll bar -

i tried adding overflow:auto; , overflow-x:auto; <table> element , still didn't work. ideas?

here webpage:

http://www.whiterootmedia.com/database/dusty_arlia/jquery_cdns.html

here code:

<table class="yellow_table"  style="overflow:auto; overflow-x:auto;"> <tr> <th>host</th> <th>location</th> </tr>  <tr> <td>google</td> <td class="left_aligned_red_cell">https://developers.google.com/speed/libraries/devguide#jquery</td> </tr>  <tr> <td>jquery.com</td> <td class="left_aligned_red_cell">http://code.jquery.com/</td> </tr>  <tr> <td>microsoft</td> <td class="left_aligned_red_cell">http://www.asp.net/ajaxlibrary/cdn.ashx#jquery_releases_on_the_cdn_0</td> </tr>  <tr> <td>cdnjs</td> <td class="left_aligned_red_cell">http://cdnjs.com/#jquery</td> </tr>  </table> 

wrap table in div, , give overflow:auto div.