Hello, I have this z-index problem with IE/7 and tried many things to
fix and just can't seems to find the way. You can clearly see what is
going on at this page.
http://sonata.websitewelcome.com/~tiptop/fun_stuff.php
With FF, Google Chrome and Safari, the z-index works well but with IE/
7 no. On the page you will see a cheerleader floating over a menu
list. The links has z-index:2 and the cheerleader has z-index:1. The
CSS use css_browser_selector.js so I can separate the elements from a
browsers to another and looks like this:
#cheerleaderinner{float:left; margin:0;padding:0; width:163px; margin-
right:21px;height:270px; margin-left:24px; z-index:1;
position:relative; background-image:url(images/cheerleader_inner.png);
background-repeat:no-repeat}
On the menu, I put the z-index on the "a" like this:
/* WORKS FINE */
.gecko .sidebar .cur a{padding-top:13px; float:left; text-align:left;
margin-left:126px; z-index:2; position:relative; margin-top:0px;}
.gecko .sidebar .normal a{padding-top:9px; float:left; text-
align:left; margin-left:126px; z-index:2; position:relative; margin-
top:0px;}
.safari .sidebar .cur a{padding-top:13px; float:left; text-align:left;
margin-left:126px; z-index:2; position:relative; margin-top:0px;}
.safari .sidebar .normal a{padding-top:9px; float:left; text-
align:left; margin-left:126px; z-index:2; position:relative; }
/* END WORKS FINE */
/* WORKS BAD */
.sidebar .cur a{padding-top:13px; float:left; text-align:left; margin-
left:126px; z-index:2; position:relative;}
.sidebar .normal a{padding-top:9px; float:left; text-align:left;
margin-left:126px; z-index:2; position:relative; }
/* END WORKS BAD */
For the complete CSS here's the source:
http://sonata.websitewelcome.com/~tiptop/tiptop.css
Any help would be appreaciated. I am was suppose to push this website
live tonight. Will have to wait a little.
Thanks,
Patrice
--~--~---------~--~----~------------~-------~--~----~
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [EMAIL PROTECTED]
-~----------~----~----~----~------~----~------~--~---
