Hallo zusammen,

ich habe ein Problem mit meiner horizontalen Navigation.
Diese bricht am Ende des verfügbaren Platzes (als am Ende meiner Ansicht im Browser) die Navigation um und macht in der zweiten Zeile weiter.

Ich würde aber gerne wollen das diese in einer Zeile erscheint, da um diese Navigation ein DIV ist das overflow:auto hat und ich somit horizontal scrollen könnte.

Ich poste mal mein CSS zum "hoffentlich" besseren Verständnis

  
    #navi {  
      font-size:93%;  
      line-height:normal;  
      border-bottom:0px solid #b3b3b3;  
      height:20px;  
      }  
    #navi ul {  
	  margin:0;  
	  padding:0px 0px 0 0px;  
	  list-style:none;  
      }  
    #navi li {  
      display:inline;  
      margin:0;  
      padding:0;  
      }  
    #navi a {  
      float:left;  
      background:url("tableft4.gif") no-repeat left top;  
      margin:0;  
      padding:0 0 0 7px;  
      text-decoration:none;  
      }  
    #navi a span {  
      float:left;  
      display:block;  
      background:url("tabright4.gif") no-repeat right top;  
      padding:5px 15px 4px 6px;  
      color:#6B78A9;  
      }  
    /* IE5-Mac */  
    #navi a span {float:none;}  
  
    #navi a:hover span {  
      color:#6B78A9;  
      }  
    #navi a:hover {  
      background-position:0% -42px;  
      }  
    #navi a:hover span {  
      background-position:100% -42px;  
      }  
  
    .naviactive {  
       text-decoration:underline;  
       font-style:italic;  
      }  

Wie gesagt um das DIV "navi" das die Navigation darstellt ist eine weiteres DIV das für den horizontalen Scrollbalken sorgen soll. Wie erreiche ich das mein DIV "navi" einzeilig bleibt?

Vielen Dank.
Ich hoffe mir kann jemand helfen.

Gruß, Thomas