Custom CSS design - price framing and background

We need a way to limit the stack overflow of the current background as shown in the picture, but rather limit to the bordered area. : [login to view URL] We also wonder if its possible to apply the same principle (Background color + font color )to the prices under category and front page ? Example provided: [login to view URL] We're using the oxy opencart module, which is a fully respnsive module (Foundation Framework) The current solution for the product page (link 1) is this, minus the altered colors .product-info .price { overflow: auto; padding: 20px; margin: 10px 0; font-size: 28px; background-color:#4BB8E2; color: #FFFFFF; border-radius: 8px; }