I chose the css buttons and I would like to reposition some of them, because they overlap other text, as can be seen in the following image. They are the "buy now" and "sold out" ones, but I changed the text in"bestel" and "uitverkocht"




I tried to adapt the css by using margin-bottom (and a lot of others) but that didn't have any effect on these specific buttons.
Can somebody please tell me how can I repositon this button and/or the text below and/or above it?

my css:
Code:
/* css buttons */
.cssButton, .cssButtonHover {
width : 20em; /* anjo was 20em */
background-color: #F4F4F4; /* anjo was F4F4F4 */
color : #5078D8; /* anjo was 000000 */
border: 2px outset #F4F4F4;
font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
font-size: 1em; /* anjo was 1.1em */
text-align:center;
white-space: nowrap;
text-decoration: none;
font-weight: bold;
padding: 0.3em; /* anjo was padding 0.3em */
/*border-spacing: 1px;*/
/*margin-left: auto;
margin-right: auto;*/
/*display: block;*/
/*vertical-align: top;*/
/*line-height: 130%;*/
/*cursor: pointer;*/
}

.cssButtonHover {
color: #B05E5E; /* was #006600 anjo */
border-style: inset;
text-decoration: none;
}
/* adding the styles below might be needed if the default button width is changed */
/* .button_continue_shopping, .button_shipping_estimator {width: 150px;} */
.small_delete, .button_prev, .button_next, .button_search  {width: 7em;}
.button_sold_out_sm, .button_sold_out, .button_update_cart, .button_checkout, .button_login {width: 10em;}
.button_return_to_product_list, .button_add_selected {width: 22em;}
.button_in_cart{width: 19em;}  
.button_submit {width: 19em;}
.button_update_cart {color: red;}
.button_update_cartHover {color: #005C5B;} /* anjo was #003D00 */
/*.innerbox#headernavcenter .boxtext .button_search {display:inline;}*/
/* anjo .button_buy_now, .button_buy_nowHover{ 
	margin-bottom: -10px; 
	} */