I can not give you exact answers with out looking through the source (do not have enough time right now to). But something that might help you is that when formating with CSS, you can use different symbols to make CSS attributes only interpretable by IE. Here is an example:
Code:
#someThing{
position:absolute; /*This is seen by all browsers*/
-left:100px; /*This is only seen by IE, and ignored by other browsers */
}
Leading an attribute by a dash is a little hackish thing that will make the following attrbiute IE only. You can even do something like this:
Code:
#someThing{
left:50px; /*This is seen by all browsers*/
-left:100px; /*This is only seen by IE, and ignored by other browsers */
}
In this example all browsers except for IE will read the CSS as having left:50px;. IE though will see it as left:100px; and ignore the 50px declaration before it.
Anyway, hope that helps. Also one thing to note on your site. You may want to make the z-index of the main text/content area higher than the "Pixel Groovy" title, because the white title ends up covering up text when you scroll down. Overal all though the site looks nice. Good job.