Magento

I am trying to change my prices display layout but i cant change it the way i want. Also it is displaying different on ie9 , firefox and chrome no idea why. I hope someone can help me with this coding issue. I have attached the screen shots of it i hope someone can help me.

Codes
.singlePrice {float:right;padding-right:3px;}
.singlePrice .price-box {margin:4px 5px 0px -36px}
.singlePrice p {float:right}

Hope someone can help me before i go crazy

Click thumbnail to see full-size image

Inspect element in chrome,
and play with css

thank you

default:
.singlePrice {
float: right;
padding-right: 3px;
}
.singlePrice .price-box {
margin: 0px 30px -5px 5px;
}
.singlePrice p {}

if lt IE
.singlePrice {
float:right;
padding-right:35px;
}