First Photoshop Layout, Help with CSS...

[DDRtists]

Well I've been venturing into making layouts with CS5, and so far so good on that end of things. However the problem I'm having is with the CSS. The site is rendered as I wanted it to exactly in FireFox, IE breaks a bunch of stuff, and a couple barely noticeable ones in Safari and Chrome. However the w3 validater is telling me it's fine code wise, and I've tried for awhile to get it to work out with no luck. I'm stumped, I've not got this far into it before, so I need some help.

http://socalminecraft.com

Any help or links on information on getting it to look the same through all browsers would be awesome. Thanks

EDIT: It appears to have something to do with the links, as if you hover over one of the links in the News box, the whole layout shifts to normal. The hell... :|

 

[UndeadDragon]

Just tested the site in Chrome, Firefox, IE9 and IE6 and I didn't notice too much difference

For the problem with the text in the news box, it looks as if you are increasing the font-size using :hover. However, I am not 100% sure why this would adjust the content position for the other content area.

What other problems have you found, which I haven't been able to find?

 

[DDRtists]

Well I took out the hover code, and thats when I realized...
It seems the problem(s) I'm getting were from my resolution on my computer. I ctrl+scroll wheel'ed in IE and it looks normal when set to the correct size. It only really happens in IE, but none the less, it seems to be a resolution problem with IE. Some zoom levels it works, some it tweaks it bad...

Is this normal or is there something I'm doing wrong?

 

[UndeadDragon]

Hm... It's weird, but I'm still not getting any problems with any of my browsers (IE6, IE9, Chrome and Firefox), even when zooming in etc.

One thing that may make Internet Explorer behave unusually is that you use tables for everything. It is highly recommended to not use tables anymore, just because of inconsistencies between browsers (and Internet Explorer is a big offender).

It's a pain to try and debug something that doesn't happen for me

EDIT: Just tried again and got a few layout problems (few pixels out) and to me it definitely looks like a table problem.

 

[DDRtists]

Yeeee, well I'm going to mess around with Adobe Fireworks rather than Photoshop, I'm reading that it has a lot better web-capabilities than photoshop does. Thats how PS exports the whole thing, and you have to export it after each edit, so it's a pain to make changes to.