Please see the following blog page, with attention on the post footers:

http://smwcode.blogspot.com/

I'm in the process of modifying a standard Blogger template to a customized aesthetic. I have never incorporated an image into a post footer style before and have played with the spacing attributes (margins and padding) of - what I believe to be - the relevant styles affecting the placement of the image, I have been unable so far to get the image placed correctly (results have been either the image is cropped, or there is too much space between the post, the image, and the footer links) I've included (again, what I believe to be) the relevant .CSS below. If anyone can make an educated guess as to how to modify this code so that it does not conflict with the time stamp, comment link (everything on that footer line), I would appreciate it if you could post the modified code here for me to try. Apologies if this request is a bit convoluted.

Thank you.
jdove523@comcast.net

/* Posts
-----------------------------------------------
*/

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}

.post-footer {
margin: .75em 0;
color:$sidebarcolor;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
background:url("http://www.backstageweb.net/Kyra/images/SMWPostFooter.gif") no-repeat $startSide;
}

.comment-link {
padding:0 0 0 0;
}

.post img {
padding:20px 0 120px 0;
border:1px solid $bordercolor;
}

A thousand apologies! - Open to all now. Sorry!

Tetsuo, THANK YOU!

Okay, final step - in the .post-footer, the top padding needed adjusting to 50px instead of 120. When I did this, it brought the footer text line (links) up into the graphic. I tried a padding-bottom value, but it didn't move anything. Can you tell me what value I need to force the footer text down below the graphic?

Thank you so much!

I'm not sure why you needed to reduce the bottom padding? If it's because you want the image to appear below the links, then just change

padding-top:120px;

to:

padding:0 0 120px 0;

Which sets the padding to bottom, like you said.

The bug you mentioned above is in IE. The above fix might do it, so try that first.

Tet,

You sir, are a steely-eyed missile man. : ))

If I was anywhere close to you, I'd buy you a drink. Many, many thanks!