can't move image under slider

kaos092

New member
May 29, 2011
41
0
0
i attached an image under my slider using css but i can't seem to move it over to the right at all

this is the code

/* image slider */
.custom #feature_box{ padding-left:10px; padding-right:0; padding-top:10px; height:270px; width:650px; }
.custom #featured{ position:absolute; top:240px; z-index:111; }
/* image slider */

#feature_box {
background: url("http://www.seriouspowerlifting.com//wp-content/themes/thesis_18/custom/images/RECENT ARTICLES 4.png") no-repeat scroll 0 100% transparent;
padding-bottom: 66px; padding-left:10px;
}



the padding at the bottom works but the second padding-left does nothing and the first padding-left moves the image slider over

the width is also for the image it's like everything is mixed up
 


it's hard to visualize what you want exactly since you didn't post a live example, but if you're trying to position elements themselves around a page or in relation to other close objects in html, you use margin, not padding. try margin-left
 
for #feature_box try adding..

width: px; (the width of the image)
height:px; (height of img in px)
display:block;
margin-left: 10px;