Absolute + Liquid Layout IE Problem

[thejerz]

Hi there,

I'm sort of familiar with CSS - enough that I can google an answer up.  This problem, however, has me pulling my hair out.

My problem is with this page:

http://65.57.104.50/template/template.htm

On Mac Firefox, Mac Safari, and Windows Firefox, this does what I want. On IE Windows, the flash animation will not center.

The HTML is essentially this (feel free to look at the source):

<div id=flash>
My flash
</div>
<div id=thepage>
<div id=wholepage>
The page
</div>
</div>

And the CSS:

#flashpage{
position: absolute;
width:100%;
text-align: center;
z-index:7;
}

#thepage{
width:730px;
background:#BFBFBF;
margin-left: auto;
margin-right: auto;
margin-top: 30px;

}

#wholepage{
width:700px;
background:#BFBFBF;
margin: auto;
margin-top: 100px;
text-align:left;
}

Can anyone shed some light on why this is not working? The flash is transparent, and I am trying to make it float above the page, centered. However, I need it to always be centered with the page.

Thank you VERY MUCH!

-thejerz

[Philip]

I don't know if this will work or not:

#flashpage{
position: relative;
width:100%;
text-align: center;
z-index:7;
}

You weren't giving the absolute any values, so it may not have known where to go. I'm probably about as good as you are in CSS :P

[thejerz]

KingPhilip,

Thanks very much for your comment.

Since the flash is transparent and I want it to float on top of the page, absolute is required.  It is essentially anchored to the top.  On IE, it seems the top and 500px to the right.

This is so frustrating!

Weird!  Anyone else?

-thejerz

[websiteguy]

I would try playing with the absolute positioning in the #flashpage div. It looks like it's down some from the top in IE 6.0.
You could also try text center on a body ID tag.

#body{
text-align: center;
margin: 0, auto;
}

[websiteguy]

After thinkng more on this, I don't think that's going to be the answer.
Are you talking about the Flash centering on the Header area at the top of the page? (Nice looking site by the way!)