CSS image sprite issue

I'm new with this image sprite method, at least with the type of image I have copied. I have it mostly working, but for some reason it word wraps the two word text that appears over the image.

Here is a link to the example: http://www.buygenieclips.com/pliteq-genieclip.html

It is located in the Test Data tab. The button that says View More. View on one line, More on the other. I'm thinking it is an issue with my HTML more than the CSS. I've tried many different variations with not much like. I can break it more, but can't seem to fix it.

Any help or guidance is appreciated.

Any idea on this one?

Do you want the words on one line? edit the .data .databutton class:


.data .databutton {
background: url("http://www.buygenieclips.com/skin/frontend/default/modern/images/black_btn_split.gif") no-repeat scroll right -50px transparent;
font: 11px Verdana,sans-serif !important;
height: 18px !important;
padding: 2px 15px 0 5px;
text-align: center;
width: 73px;
}


Everything stayed the same, I just added a width of 73px.

Holy crap. There we go. That was literally the last thing I couldn't figure out. Thank you very much.