ayuda con "background-position"

me gustaria que me dijeran que ven de mal en este code de CSS y el code de html cuando lo llamo...

HTML

<div id="navegacion">

#TODO LO QUE ES TEXTO VA ACA#

<div id="next"></div>
<div id="back"></div>

</div>

CSS

#back { background-image: url(archivos/back.gif) ; background-position: left bottom ;
background-repeat: no-repeat ; width: 75px ;height: 40px }
#next { background-image: url(archivos/next.gif) ; background-position: right bottom ;
background-repeat: no-repeat ; width: 75px ;height: 40px }

lo que quiero lograr con esto es llamar a las imagenes que especifico en el CSS y que aparesca una en la parte inf izquierda y la otra en la parte inferior derecha, pero cuando hago vista previa, sale una debajo de la otra en la parte inferior izquierda...

me gustaria que alguien me diga que es lo que esta mal...

desde ya muchas gracias

.:2-D:.

agregales

float:left

a ambas

saludos

nop cuando los cambio a float me queda = osea :

[contenido no disponible]

yo lo que quiero como ilustro en la imagen es mover la flecha "NEXT" a la derecha, y que me quede alineada con la flecha "BACK"

y si lo hago con un

me queda una mas arriba que la otra...

aver si alguien me da una ayuda...

.:2-D:.

hola

dices que la imgen mide 750px de ancho??????

cuanto mide tu web de ancho??????

Depende del tamaño de la imagen que este agregando. :wink:
Puede ser 750px y ser una imagen de 50x50 por ejemplo.


Un saludo

podrias pegar los codigos completos de tu html
y de tu css???

Hola a todos;
que tal estamos!!!!

Quisiera qué mirases ésta opción,
copia y pega en un archivo html vacio y, en donde se alojen tus imágenes "back" y "next".
Comprueba si te funciona, a mi perfecto en todas las resoluciónes.

Espero te guste y funcione.

<div id="navegacion" style="width:auto">[img]archivos/back.gif[/img][img]archivos/next.gif[/img] #TODO LO QUE ES TEXTO VA ACA#</div> 

Saludos manmanu

gente mis disculpas por la falta de respuestas de mi parte, es que fue mi cumpleaños me ausente :D
pero ya estoy leo bien todo, puebo y les digo como queda...
desde ya gracias a todo el mundo

.:2-D:.

hola de nuevo,
te pongo en éste post otra opción más lógica, hay varias formas de hacerlo.

HTML;

<link rel="stylesheet" href="estilos.css"type="text/css" media="all">

<div id="navegacion">
<div id="next"></div>
<div id="back"></div>
#TODO LO QUE ES TEXTO VA ACA#
</div>

CSS;

#navegacion{ width:auto; height:40px;}
#back { background-color:#FF9900; background-image: url(file:///C|/Documents%20and%20Settings/fito/Escritorio/archivos/back.gif);float:left;
background-repeat: no-repeat ; width: 75px ;height: 40px }
#next { background-color:#FF9900; background-image: url(file:///C|/Documents%20and%20Settings/fito/Escritorio/archivos/next.gif);float: right;
background-repeat: no-repeat ; width: 75px ;height: 40px }

Donde están tus imágenes,está de color naranja.
Luego puedes hacerlemás ajustes,pero de momento ésto resuelve tú pregunta.
Pruebalo

Saludos manmanu

Hola de nuevo, je,je,je,je,
lo de

background-image: url(file:///C|/Documents%20and%20Settings/fito/Escritorio/archivos/next.gif)

se me ha coloaooo.....!!!
Evidentemente esa no es tú ruta, es la ruta qué puesto momentaneamente para poder situarme al crear unas imágenes para la comprobación.
Tu ruta es ésta

background-image: url(archivos/next.gif) 

!!!!!! FELIZ CUMPLEAÑOS !!!!!!

Habia olvidado recordartelo, las prisas.

Saludos manmanu

hola amigo muchas gracias ...
ayer me puse a ver la primera opcion que me diste
y salia bien, pero sobre el texto y no debajo de el...

cuando cambiaba la pocision de las flechas se me descuadraba todo...
estube pensando en crearle una capa como decis vos...

bueno ahora voy a ver el nuevo code que me dejaste!

che muchas gracias muy atento, en lo que se encuentre a mi alcance me decis ;)

ya les voy a contar como me fue...

un saludo

.:2-D:.