| |
|
|
|
 |
Posted 2008-05-25, 06:29 AM
in reply to Goodlookinguy's post "Help make this Page Work for I.E. & FF..."
|
|
|
|
Between your </style> and </head> tags, put:
Code:
<!--[if IE]>
<style type="text/css">
li.lic {
background-color:#DDDCCC;
padding:0px 0px 0px 25px;
margin: 0px 0px 0px -40px;
width:175px;
}
li:hover {
background-color:#BBBCCC;
}
</style>
<![endif]--> |
That is called a downlevel-hidden CC (Conditional Comment). It's a comment that only IE will pick up on, and carry out. If the browser is IE, then it finds the comment, runs through the If statement (which is written to apply only to IE) and uses a slightly different li.lic (shown in bold and red) - I've given it a margin of -40 pixels, which drags the grey that sticks out 40 pixels to the left, leaving no space for any blue to pop in.
You'll find that it's very useful sometimes, as IE doesn't fully support stylesheets and CSS (well, any versoin before 8, which finally has full CSS support).
Read this: http://www.positioniseverything.net/...s/multiIE.html
Last edited by Lenny; 2008-05-25 at 07:36 AM.
|
|
 |
|
|
|
|
|
|
|
|
|