can I get some CSS help please?
 

When I load the page i'm working on in firefox, its looks great... at least on my screen

http://www.pheermedia.com/work/pdx/

But when I load it in IE, omg its all fucked up. Why?

How do I fix it to look the same in both browsers?

I just looked at in it IE...looks fine to me...

what version of IE?

when i look in firefox everything is where its supposed to be, but when I look in IE, the text is up higher than where it is supposed to be

Which version of IE are you on Pheer? and what appears to be the problem?

I peeped it in IE6; the bottom right text block jumps up. If that's the browser you're seeing issues with you can either keep tweaking your layout to work with one CSS file or just give up and do the shitty thing and add an IE6 specific css file / tags:

There's something like the following where you can inline specific shit for certain IE browsers:

<!--[if lt IE 7]>
... hahahaha { width: 666px; }
<![endif]-->

or, there's also something about prefixing certain CSS tags with an "_".

.content {
width: 520px; /* normal browsers read this */
_width: 540px; /* IE6 will read this - i think */
}

I'm too lazy to research and the above comes from foggy memory, but it might help.

looks exactly the same in IE 7 and FF... must be fixed :)

Dean Edwards has a great free CSS markup for most versions of ie. You can google it.. Look for 'IE7.css'

it doesnt on my screen, either on my laptop with vista or my desktop with xp

in IE, the text parts are like 45 pixels higher than where they should be, on both of my computers

yep looks exactly the same in ie7 and firefox

thanks I'm looking into that