I think there must be an easy answer to this but I've not been able to stumble upon it. In my website (http://www.icdmeister.com/site/), I have back/forward arrows (Layer 2) centered over a main content area (Layer 4). I can't get these arrows to look centered in both IE and FF at the same time.

I decreased the width of the layer which made the arrows t look nicely centered for IE but now they look shifted way to the left in FF.

What am I doing wrong here and how can I fix it?

Looking forward to some words from the wise.

Thanks,

Andrew

Well i'm still having a look, but you shouldnt use position absolute, Its bad practice.
Your also using text-align left but you want to center it.
If i was going to do the css again i would put the arrow divs inside an arrowdiv container. then center the arowdiv inside Layer 4
margin: 0 auto; //centers FF

You dont really need to support IE5 because over 80% of internet users use IE7.

Here's an idea -- READ THE STICKIES !
http://www.webmaster-talk.com/css-fo...r-website.html

The 2nd idea.. dump the tables for layout.


I have to disagree on the IE7 percentage, the greater percentage of MY users are still using IE6 ! That statement above is overly broad.

Thanks for the comments. I'm going to get some help to redo the layout. The stickies were a good resource - thanks for the reference.

I definitely need to support IE6 since my workplace still uses it (along with a lot of other folks I suspect).

Thanks,

Andrew