Menu i div

Witam mam problem z dopasowaniem menu do wielkości diva wygląda to tak :

http://zapodaj.net/00f81f3db1bc.png.html

Jak zrobić aby menu było po środku ramki i nie było suwaka ?
kod css

 
#body{
  position:relative; 
 height:300px; 
 width:1700px;
 display:block;
 overflow:auto;
 margin:-60px;
 background-color:red;
 }

#tabs8 {
      font: bold 11px/1.5em Verdana;
      float:center;
      width:100%;
      background:change-background;
      line-height:normal;
      }
    #tabs8 ul {
	  margin:-10px;
	  padding:20px 20px 0 450px;
	  list-style:none;
      }
    #tabs8 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs8 a {
      float:left;
      background:url("images/tableft8.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs8 a span {
      float:left;
      display:block;
      background:url("images/tabright8.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#333;
      }

Nie mogę zmienć marginesu w body bo tekst zejdzie mi za nisko :|
ktoś ma jakis pomysł jak to pogodzić ?

nie chce mi się sprawdzać tego u siebie - mówiłem Ci - na serwer i adres:

suwak - prawdopodobnie niepotrzebne overflow:auto;
po co position:relative; ?
jeśli dajesz width:1700px; to całość ustawi się po środku, może zmień? :)

Wcześniej było width: 100% .

Dobra usunąłem :
overflow:auto;
i

osition:relative;

i już nie ma tego problemu xd

Może to dziwna rada do zastosowania bez aplikacji w jakimś frameworku Rubiego ale przydaje się Sass. Łatwiej się czyta kod CSS.

//edit/

Problem jest taki : czerwony tekst ma znajdowac się w tej dużej ramce div > maincol
A ten czarny w footer
Te różowe przyciski w tej 2 ramce (ta pod banerem)
próbuje to ustawić zmieniając wartości wszystkich plików i nic się nie dzieje ;/ nie mam już do tego cierpliwości ;x
ktoś ma jakiś pomysł jak to rozwiązać ?

Problem rozwiązany już.
Dzieki za pomoc.