problema con botones

Bueno, como vereis soy nuevo por este foro y en el tema de crear webs, pero no me falta impetu! jeje
tengo una duda, quiero colocar diversos botones dentro de un mismo div, pero al hacerlos se colocan uno debajo del otro, en vez de hacerlo todos en la misma fila.

aqui dejo el codigo

html

  <div id="navegacion">
  	  <div class="peliculas" align="center">[url="#"][/url]
      <div class="series" align="center">[url="#"][/url]
      <div class="documentales" align="center">[url="#"][/url]
      <div class="anime" align="center">[url="#"][/url]
      <div class="adultos" align="center">[url="#"][/url]
  </div>

css

.peliculas a {width: 132px; height: 50px; background: url(objects/peliculas.png) left top; display:block}
.peliculas a:hover {background: url(objects/peliculas2.png) left 50px;}

.series a { width: 132px; height: 50px; background: url(objects/series.png) left top; display:block}
.series a:hover { background: url(objects/series2.png) left 50px;}

.documentales a {width: 170px; height: 50px; background: url(objects/documentales.png) left top; display:block}
.documentales a:hover {background: url(objects/documentales2.png) left 50px;}

.anime a {width: 132px; height: 50px; background: url(objects/anime.png) left top; display:block}
.anime a:hover {background: url(objects/anime2.png) left 50px;}

.adultos a {width: 170px; height: 50px; background: url(objects/adultos.png) left top; display:block}
.adultos a:hover {background: url(objects/adultos2.png) left 50px;}

Si alguien me hecha un cable estare muy agradecido! saludos

checa si tienes display block en el grupo de las "a"

si lo tienes cambialo a display:inline

saludos

hola yaneth, no tengo definidas las a en mi hoja de estilos.

he probado asi:

a {display:inline;}

pero no cambia nada :S
gracias por la colaboracion

para poder ayudarte

debes pegar los codigos completos

tanto de html como de css

saludos

gracias ya conseguí solucionarlo :)