Mozzila and Chrome issues

OK, kids. What's the first step in troubleshooting a web page? You, in the back, with your hand up? No, it isn't post a question at CSScreator. Anyone else?

Validate your code.

It's my first post but I wanted to make it a good one. Okay, so I've been lurking for awhile and have seen that message hundreds of times....

GOLD STAR!

geeeezzzzz... you dont think i f**king (freaking) tried?

Here's an image explaining:

Here's my code:

.cart-header {
    color: #00FF00;
    float: right;
    font-size: 16px;
    font-weight: bold;
    list-style: none outside none;
}

Are you saying you validated your code?

Not trying to be rude, but if you validate your HTML then we will be able to help you out a lot more.
It appears you have 34 errors in your HTML.
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Flfswear.com%2Fsites%2Flfs2%2F

Not much we can help with if the code itself is broken.
Once you get the HTML fixed up and if you still have errors, report back and we will do our best to help with a solution.

Yeah, I was trying to make a joke and it went bad. I thought it was funny.

So, being serious, you can't expect items to stay where you want when you don't properly close your tags. You're doing too much copy & paste work and it's biting you in the rear. Validating would show you where the issues are if you were so inclined to bother.

Thanks guys! I will work on that for a little, then reply with my results. Hopefully it will fix it!

In this case with the unmatched tags, it just might. Even if it doesn't it is a required first step.

There are 7 errors alone in this facebook script, how can I get rid of the errors?

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="http://www.facebook.com/LFScompany" width="250" show_faces="false" stream="false" header="true"></fb:like-box>

Other than this, I have 0 errors.

And the basket message is still out of place in google chrome and safari.

So I fixed all the errors except for the facebook like button...

And the cart text didnt go to where it's supposed to go... Now what's next? A friend suggested clear:both but it didn't work...

Do you want an opinion on the general coding as well?

Add overflow: hidden; or clear: both; to list-style-none{} (clears the float so your advisor was almost partially right).
Then change class="align-center cart-header" to class="cart-header" in the unnecessary table.

THANK YOU! IT FINALLY WORKED!

But, When I added it all that, the left column and slideshow overlapped the header (in chrome), so I changed around a little bit of padding... (Look at what I changed, lower down on this post)

So my question is how can I make both browsers have the same amount of space between the header and the slideshow, and left column. (I want it to look like how it did in firefox, centerColumn 10px)

I changed:

.centerColumn {
    padding: 10px 0;
}

To:

.centerColumn {
    padding: 30px 0;
}

And

.leftBoxContainer, .rightBoxContainer {
    margin: 18px 0 4px;

To:

.leftBoxContainer, .rightBoxContainer {
    margin: 39px 0 4px;