Hello.
I have a problem with most of my content showing underneath everything else on website www.kickitdeals.com. I'm not sure if this problem is related with either CSS or HTML, but i'm not able to fix it after trying several tweaks and things that could make everything fit.
I'm a newbie at CSS and HTML, so the problem may be very simple.
Anyway, if you need the coding just PM me and I can give it to you.

Thanks in advance.

you probably need to recalculate the widths by the sound of it.

First - validate your code, you've got a TON of errors

Second - remove this from the top of your page:
<?xml version="1.0" encoding="iso-8859-1"?>

That throws IE into quirks mode - which can get really ugly results.

You don't need !important on every width property, it's not necessary.

Your #mainoutline is set at a width of 768px, but your right, left, and content divs total up to 993px ! Do the math.....