How do I move the background image "img/bkg.png" to be lower?
http://gmgene-bravo.ifastnet.com/
#bheader {
width:769px;
height:86px;
background:#FFFFFF url(img/bkg.png) repeat-x;
margin: 20;
border-top:2px solid #050505;
border-bottom:2px solid #050505;
border-left:3px solid #050505;
border-right:3px solid #000;
color: #515151;}
Something like
Something like this?
#bheader {
width:769px;
height:86px;
background:#FFFFFF url(img/bkg.png) 0 65px repeat-x;
margin: 20;
border-top:2px solid #050505;
border-bottom:2px solid #050505;
border-left:3px solid #050505;
border-right:3px solid #000;
color: #515151;}
I used:
I used: background-position:bottom; it seems to work.
But, thanks for the help any way, I will check it out maybe it will work better.
Using bg-position: bottom
Using bg-position: bottom will only place the bottom of your image at the bottom of your element. I took your question to mean that you wanted the image to be further down that that, so use a larger pixel value as I have done.
Title
Title edited.
<############## removed.