Checkout page layout oddity

Hi guys and Gals.

First post here, so I'm sure it's in the wrong place, my apologese.

I have setup my first shop and I have a problem.

Check out Page 2 of 3 is displaying in FF and GoogleChrome in an odd way. IE 6 is fine, but naturally I need it to work across all the systems.

Rather than post a large image here I'll place a link so you can view it.

http://www.msh-autographs.co.uk/msh_checkout.jpg

The problem is the "Your Total" box which as you can see is floating in the middle of the page.

Any help would be greatly appreciatted.

Thanks

Chris

Looks like your text or items in side the box or block may to large...but can't be sure.

Firefox's Firebug (all the Browsers have good tools) is helpful for looking at styling and CSS rules actually used on a page.

You also want to keep in mind that padding and margins are handled by each Browser differently (Explorer was adding both margin and padding, so it looks different), so check out your pages with all the Browsers to see how they look.

This is a good site from w3schools to experiment with trying out different formats of styles: http://www.w3schools.com/css/

Keep in mind, you will often 'inherit' formatting from a 'parent' or previous style (e.g., the body styles will tell the paragraph how to be formatted unless you made some changes). Often this is an issue within a Box or Table. Such as, you want links to have different colors than within a paragraph. You actually have to create table a:hover, table a:link, for the Table or Box.

Hope that gives you some assistance...

Hi,

Thanks for the info.

I can't find a set, associated style for it.

Any other help would be greatly received.