ayuda con las secciones

hola....
alguien me puede ayudar tengo 8 secciones pero me quedan todos desordenados es decir quiero q me queden en la misma linea todas aliniadas q no se salte para la linea de abajo como lo hago colocandole un mergen no se ayundeme....
gracias esto es lo q hice solo agregue 5 mas:
<div id="navegacion">
<ul>

Sección 1

Sección 2

Sección 3

Sección 4

Sección 5

Sección 6

Sección 7

Sección 8

</div>

tendrás que poner en los "a"

a:
a link: { display-inline}
a hover:{}
a visited:{}
a active:{}

saludos

lo unico que le agrego es display-inline eso lo modifico en estilo-general.css?????? o lo copio de nuevo probe de las 2 maneras y nada sigue igual

ya lo subiste??????

danos la url para verlo

pero eso
deberias ponerlo en vez de

display block

saludos

no lo he subido xq en la computadora que he estado trabajando me muestra un error al momento de subirlo en la que creee de web ejemplo q es azul cuando pincho sale es la pinga lupa esa y todavia no he probado en otro computador. esto es lo que tengo en estilo-general.css

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ;
text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ;
text-align: center}
body {text-align: center }
#global {width:800px ; margin:4px auto }

#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: orange ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {background-color: lorange ; width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ;
padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.gif) }
#pie { background-color: white ;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid ;
height: 65px ; }
#pie li {list-style: none ; font-size: 12px }
#pieuno { float:left ; width:150px }
#piedos { float:left ; width:498px }
#pietres { float:left ; width:150px }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
..........
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
a {color: brown ; text-decoration:none ; display: block}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}