poner margen al contenido de un div sin que afecte al background

[intiweb]

hola. les cuento como va la mano.
en un div tengo el siguiente estilo definido.

Código HTML:

        position:absolute;
	top:37px;
	left:442px;
	width:558px;
	height:40px;
	background-image:url(../Jpg/borde%20menu.png);

y quise sentrar el contenido del div a una sierta medida del margen izquierdo y del techo del div de esta manera:

Código HTML:

        position:absolute;
	top:37px;
	left:442px;
	width:558px;
	height:40px;
	background-image:url(../Jpg/borde%20menu.png);
        margin-left:5px;
	margin-top:5px;

pero esto me corre el fondo tambien. y mi idea es que el fondo se mantenga sin margen.
alguien sabe como hacer esto ?? o si esto es viable ?
capas que no esta bueno usar background aunque me parecio efectivo y no vi otra solucion que no sea esa o colocar otro div por ensima con el contenido pero eso me parece muy como poner parches. (con poco estilo y feo)
un saludo y espero que alguen master me pueda ayudar.

[C2am]

Hola intiweb
Me parece que te hace falta esto.

...

Bueno, espero que hayas leído y comprendido como funciona margin. y que lo que pretendes no se logra con esa propiedad.

Si aún tienes dudas luego de leerlo y revisar tu código me avisas.

Saludos

[emprear]

@intiweb
No entiendo para nada el planteo ni el problema en cuestión

"... quiero centrar el contenido a cierta medida"

No se centra a cierta medida, solo se centra.

El margin afecta la posición de la capa, no el contenido respecto de la capa misma.

Entre esto

Código CSS:

position:absolute;
    top:37px;
    left:442px;
    width:558px;
    height:40px;
    background-image:url(../Jpg/borde%20menu.png);
 

y esto

Código CSS:

position:absolute;
    top:37px;
    left:442px;
    width:558px;
    height:40px;
    background-image:url(../Jpg/borde%20menu.png);
        margin-left:5px;
    margin-top:5px;
 

la unica diferencia es un desplazamiento de la capa en 5px horizontal y verticalmente, y de ninguna manera afecta el background

Aclaranos como es la cosa
Saludos

[intiweb]

gracias C2am la cosa va exactamente por ahi, yo pensaba que margin era para establecer una distancia entre el borde de la caja y su contenido y eso es falso, en cambio para eso esta padding y lo probe y funciona genial.

perdon por poner centrado a una misma distancia fue un poco mal redactado, quise decir que queria que el contenido estuviera a sierta distancia que yo elija de los bordes de la caja pero que no se moviera la ubicacion de la caja, lo que hacia margin era mover la hubicacion de la caja.
bueno muchas gracias voy aprendiendo a usar los estilos CSS

[intiweb]

aprobecho para pasarles otra duda mas que tengo con los estilos.

yo tengo definido el siguiente estilo para una caja.

Código:

#albums{
	background-color:#000;
	position:absolute;
	top:80px;
	left:674px;
	max-height:476px;
	border:1px solid #FFF;
	overflow:auto;
	z-index:4;
}

en la caja tengo una tabla con filas que muestran el contenido de una base de datos. y como la cantidad de filas puede ser desde 0 hasta el infinito dependiendo de la los registros de la base de datos entonces le puse un "max-height" para que las lineas blancas que le puse al borde se adaptaran pero llegaran a un maximo y no siguieran. la onda es que con el overflow deberia aparecer un scroll vertical para seguir viendo los datos, pero ademas de aparecerme un scroll vertical me aparece uno horizontal que permite mostrar lo que quedo por debajo del scroll vertical. no logro hacer que el scroll vertical no tape nada del contenido y que de esta forma no aparezca el scroll horizontal. se entiende ?? o sea la idea es que el scroll vertical aparesca al costado de la tabla no tapando el borde y que no aparezca el scroll horinzontal.

saludos

[C2am]

Bueno, la única solución que se me ocurre es que le des un mayor ancho al contenedor de manera que no te aparezca el scroll horizontal.
Muestra el html que estas usando, más su css, o un enlace.
Saludos

[intiweb]

lo he probado pero no funciona. porque tengo el siguiente problema como tengo el borde blanco entonces le pongo un max-width y entonces sigue igual que antes. o sea pongo la tabla de un ancho de 200 un max-width de 300 pero le da igual.
para que funcione le tengo que poner un width pero en ese caso cuando no este el scroll el borde blanco se vera mas separado de ll que pretendo.

te muestro el html

Código HTML:

<div id="albums">
        <table width="300">
            <tr>
            	<td class="bordes"> <a href="contacto.html" class="menuGaleria">Eventos</a> </td>
            </tr>
            <tr>
            	<td class="bordes"> <a href="contacto.html" class="menuGaleria">Eventos</a> </td>
            </tr>
            <tr>
            	<td class="bordes"> <a href="contacto.html" class="menuGaleria">Eventos</a> </td>
            </tr>
        </table>
        </div> 

las filas puse 3 por poner pero es aleatoria la cantidad de filas que iran