Need CSS layout readjusted to work Cross-browser

Manofgames

The images are large in size, but aren't too large in terms of file size (~15k each)
I've linked to them so as not to strech the forum Smile

Hi,
I'm a bit of a learner with CSS, and I've been trying to make a basic design for a games site.
http://www.sigswitch.com/design/ff.png
That's how it looks in FF, and that's sorta how I want it to look.
I know its not the ultimate arcade site, but I wanted to go for something clean and big.

However, in every other browser, it looks like this:
http://www.sigswitch.com/design/ie.png

Notice the annoying difference? Brick wall

I'll pay 250FRIH$ to whoever can supply me with a working template which

a) Works in the following browsers:
FF 2+
IE6+
Opera9+
Safari
b) is XHTML or at least CSS valid
c) The CSS is clean and readable,
d)The border to the left and right of the right hand sidebar must stretch with the content

Safari is optional, as I don't really use it, and I just want the basic outline, as shown in the first image.
GamerGunge was the first name that came to mind, and was the quickest to type when I made the initial design
BONUS: Think of a better name for my games site, and you'll get an extra 50FRIH$!

The code can be found at http://www.sigswitch.com/design/
The style is located at http://www.sigswitch.com/design/style/style.css

Thanks,

Alex

mathiaus

Without starting from scratch, your <div id="main" is missing it's closing >
That might/might-not solve the problem Smile

Manofgames

Now this is the point where I feel very very stupid... Embarassed

Thanks mathius, that fixed that. Any ideas why the bottom of the menu is being cut off in IE?
EDIT: and also how to stop the side menu 'piercing' the footer?

mathiaus

Not sure about the top menu.

For the side bar, it's because your absolute positioning it. Try floating it instead.

Manofgames

IRC is a wonderful thing Very Happy

Thanks mathiaus Smile