um, I needed to take out the height on one of the classes. So no, not it's not working because the height on the .checkoutSelect class below was pushing the text up only because the text was laying on that div and when the div got higher it naturally pushed the text up which is really not a good solution at all. But I needed to take out the height because if the inner div grows a lot vertically, I don't want it overflowing the outside div and it would if I had a neight on .checkoutSelect so I took height out of .checkoutSelect.
Note also that I moved the checkoutSelectOption div to be contained inside the checkoutSelect div. So checkoutSelect is wrapping that div now.
Now I'm back to the same problem.
padding: 0px 0px 5px 5px;
border: 1px solid #ccc;
<a href="#" id="showROptions"><img src="Images/arrowright.jpg" class="image_textAlignMiddle" /> Click here to claim a coupon:</a>