Howdy! I'm new here and glad to have found this forum. I've been pretty much learning CSS on my own, but now I'm running into something I have no clue how to fix.

I set up a blog here: www.robinlongphotography.com/blog and it displays great in Firefox. The flash-fader header is correctly positioned and all is well. Since the navbar and logo are in header1, I ended up setting up a header2 for the flashfader.

When I go to IE6 or 7, the flashfader header shows up to the right of the screen, not centered at all. It's also not quite down below header1.

There is an ie css file, but I don't see anything there that would fix the problem. Honestly, I've never done an IE workaround before because all of the other blogs I've set up display properly w/o having to modify anything for IE. So I'm at a total loss as to how to proceed. If anyone has an idea on how to fix the issue, I'd appreciate it!

Heather

Here's the IE file CSS:

Code:
#navigation { float: left; }

#navigation ul { float: right; }

#navigation li.active a:link,
#navigation li.active a:visited
{
	color: #555555;
	background-color: #ffffff;
}

#content-wrapper { width: 76%; }

#content pre { width: 360px; overflow: hidden; }

#wrapper h3.post-title a:link, 
#wrapper h3.post-title a:visited
{
	border-bottom-width: 0;
}

#extras { padding-right: 0; margin-right: 0; margin-left: 8px; padding-left: 0; }

#extras #friends ul { padding-left: 0; margin-left: 20px; }

#extras #links { width: 250px; }