Me estoy volviendo loco con el padding de un texto

[mariograna]

Buenas a todos.

Estoy modificando un template de webnode. La cajita de la tienda ha quedado de la siguiente manera:



El caso es que estoy intentando mover el texto un poco hacia la derecha tocando al padding de todos lados pero solo consigo que se me mueva la primera frase (carrito de la compra) lo demas se queda fijo y no hay manera. A ver si alguien me puede ayudar.

Este es el codigo que tengo ahora mismo

/* CARTINFO CARTINFO CARTINFO */
#cartInfo {
position:absolute;
top: 225px;
right: 15px;
margin: 0px 0px;
padding: 0;
width: 246px;
height: 118px;
color: transparent;
float: right;
font-size: 1.1em;
background: transparent;
text-align:left;
}
#cartInfo_in {
margin: -8px 0px;
padding: 46px 0 0 0;
width: 246px;
height: 118px;
background: transparent url(../img/cart.gif) 80% 10% no-repeat;
}
#cartInfo a:{
position:absolute;
top: 225px;
right: 55px;
}
#cartInfo a:visited {
padding: 0;
text-decoration: none;
color: #1C1C1C;
font-weight: normal;
}
#cartInfo a:hover,
#cartInfo a:active,
#cartInfo a:focus {
text-decoration: underline;
}
#cartInfo a .cart-title {
margin: 0;
padding: 0;
font-size: 1.1em;
}
#cartInfo a .items,
#cartInfo a .price {
font-weight: bold;
}
/* /CARTINFO CARTINFO CARTINFO */


MUCHAS GRACIAS

[mariograna]

Ya lo he conseguido por mi mismo ;)

[Jommar]

Prueba con
display:block;

[setenta]

Lo unico que te diré es lo siguiente: Si en distintos navegadores se ve diferente, es porque tienes que resetear las propiedades que traen los navegadores por defecto, que siempre son distintas, saludos.