payment section CHECKOUT - text info overlapping with boarder

Hi guys,

just a small problem with my checkout section.

when go on to
Step 1 of 3 - Delivery Information and rest of pages through to page 3

my text is not aligning correctly

i have used firefox to find the problem

.forward, #shoppingCartDefault #PPECbutton {
float: right;

which corrects the problem if i delete the float right section

the only problem i have is if i do this my login home section at the top of my page goes to the middle and i want it to stay at the right. ive messed around but just cant figure this one out. I know its something simple but this has stumped me

Also thats guys for recommened firefox addons, it has saved me alot of hours in work

my page is

https://www.sinners-accessories.com/store_files/catalog/

BrookieWookie:

.forward, #shoppingCartDefault #PPECbutton {
float: right;

which corrects the problem if i delete the float right section

the only problem i have is if i do this my login home section at the top of my page goes to the middle and i want it to stay at the right. ive messed around but just cant figure this one out. I know its something simple but this has stumped me

After you do the following above. Add this to your override stylesheet
#navMain ul {
float: right;
}

THANKYOU THANKYOU THANKYOU :clap:

i knew it was something basic but i was just stumped on it.

the only other problem im having now with page 2 in the checkout, is the prices and the total/subtoal/postage is not aligning together, price is on left side and total on right, its not that big a deal but it is bugging me.
if anyone could help me with this its a bonus

thanks again haredo, your a legend

ok i figured out the total box problem, just incase anyone else needs to fix it

change

.lineTitle, .amount
{
text-align: right;
padding-top: 0.2em;
padding-right: 0.2em;
padding-bottom: 0.2em;
padding-left: 0.2em;

to

.lineTitle, .amount
{
text-align: left;
padding-top: 0.2em;
padding-right: 0.2em;
padding-bottom: 0.2em;
padding-left: 0.2em;