Ребята ломаю голову, не могу понять как решить проблему. Есть шаблон html. страница представляет собой таблицу из трех столбцов. Первый столбец, это левое меню сайта, второй столбец - это содержание сайта, третий столбец - это правое меню сайта. Таблица имеет ширину 100%, первый и третий столбец по 10%, а второй 80%. Проблема в следующем, во втором столбце сверху присутствует слайд шоу, оно на дивах и ксс, оно имеет фиксированные габариты. И это значит, что на разных мониторах, на квадратных или на широкоформатных, это слайд шоу портит весь вид сайта. Например на квадратном мониторе слайд шоу отлично вписывается в те 80%, а на широкоформатном по краям от слайд шоу остается много свободного места. Для наглядности скрин.


Слайд шоу нашел в интернете, так как собственных знаний css и js, не хватает что бы реализовать это самому.

Разметка его выглядит так:

    <div class="anythingSlider">
            <div class="wrapper">
            <ul>
               <li>
			   <img src="images/slide1.png"  />
			   
               </li>
              <li>
                 
                 <div id="textSlide">
                 2
                 </div>
              </li>
           
              <li>
                 <div id="quoteSlide">
                 <blockquote>
				3
		 </blockquote>
                 </div>
              </li>
              <li>
                 4
              </li>
             </ul>        
          	 </div>
        </div>

а, стили так:

.anythingSlider                         { width: 720px; height: 280px; position: absolute; margin: 0px;}
.anythingSlider .wrapper                { width: 680px; overflow: auto; height: 341px; margin: 0px; position: absolute; top: 0; left: 0;}
.anythingSlider .wrapper ul             { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; background: #ffffff; border-top: 3px solid #e0a213; border-bottom: 3px solid #e0a213; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 280px; width: 680px; margin: 0; }

.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }




.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

я так понимаю, что проблема в стилях, но если я ставлю ширину div'ов по сто процентов. То они выходят далеко за пределы экрана.

Подскажите ребята, как можно решить эту проблему? Возможно ли написать слайд шоу на таблицах, а не на дивах?