And this is what I'm changing in the stylesheet:

#read_review {
display:block;
width:128px;
height:34px;
text-indent:-9999px;
background:transparent url(images/read_review.png) no-repeat top left;
margin-left:140px; <----
margin-bottom:10px;

You can't do it like that:

The image is in a table cell that IS centered... but centering doesn't mean "where I want it to be" - it means in the center of the PARENT element. For a td table cell its parent is the the table row (tr).

No matter how you change that 140px - the right "end" of the table cell will not let you push the image further.

Hm, so it wouldn't be in the stylesheet? So confuseddd Tr, not Td?

And see, on the site, if I try to move it far over and bring the tables closer together, it cuts off the image -- ugh!

OK, you missed the most important part in my post:



The rest was just technical explanation, in case you are learning HTML and CSS.

Hm, okay.

Seems like you're the Wordpress wiz on here! See how the button is now? What if I just wanted to expand the "Read Review" button? See how it kind of cuts off? Know what I mean? If I move the 2 columns further apart, the image becomes full.

Hm, looks like I got that working... now I just need to move the button up. Oy!

-- Now it messed up again. Oh well. Suppose I'll figure it out eventually, maybe. Thank you!

[DELETED]

[DELETED]

In your style.css file on line 922 change margin-left value only!!!

#read_review {
margin-left: 50px;

This is closest that you can move your button without breaking design.
To move it exactly in-between columns you need to alter your code a bit more and in different way.

[DELETED]

[DELETED]