Добавить скроллинг в элемент tabs
 

Подскажите, пожалуйста, не получается добавить полосы прокрутки в загружаемую в табы html:

<div id="tabs" style="width: 40%; height: 60%">
<ul>
      <li><a id="about" href="about.txt">О компании</a></li>
      <li><a id="pay" href="production.html">Изделия</a></li>
      <li><a id="newssite" href="news.php">Новости</a></li>
</ul>
</div>

В первых двух tab текст небольшой и всё нормально.
В третьей вкладке news.php список длинный и он раздвигает окно родительского div за пределы экрана. Чтобы этого избежать в окне нужно установить прокрутку. Но ни шиша не выходит...

Подгружаемая страница PHP формируется с таким содержанием:

<div id="showNews" style="overflow: visible";>
<ul>
<li>текст</li>
...
<li>текст</li>
</ul>
</div>

Так нужно было сделать?

<div id="showNews" style="overflow-x:hidden;overflow-y:auto;max-height:300px;";>
<ul>
  <li style="line-height:500px;background:#F00;">текст</li>
  <li style="line-height:500px;background:#0F0;">текст</li>
</ul>
</div>

Nexus, класс! Спасибо!