Alright, it may look like i’m asking a question thats been answered before but I’m wondering about conditional statements in style sheets. For some reason this isn’t working:
<style type="text/css">
body{
text-align:center;
background-image: url(images/tile.jpg);
background-repeat: repeat-y repeat-x;
}
A:link {text-decoration: underline;
color:black;
}
A:visited {text-decoration: underline;
color:black;
}
A:active {text-decoration: underline;
color:black;
}
A:hover {text-decoration: underline; color: red;}
#container {
width:950px;
margin:auto;
padding:0px;
text-align:left;
}
.floatright {
float: right;
margin: 5px 5px 5px 5px;
border: 1px solid #666;
}
.floatleft {
float: left;
margin: 10px 10px 10px 10px;
border: 1px solid #666;
}
.floatmiddle {
float: left;
margin: 5px 5px 5px 30px;
border: 1px solid #666;
}
.floatadvertise {
float: left;
margin: 5px 5px 5px 28px;
}
#left{
height:685px;
width:177px;
}
/* Looks like you have to specify the width of #menu
or IE5 Mac stretches it all the way across the div, and
Opera streches it half way. */
html>body #left {
/* ie5win fudge ends */
width:177px;
}
.leftmenu {
width:162px;
}
.leftmenu2{
width:162px;
height:644px;
}
#middle{
height:685px;
width:736px;
margin-left:5px;
width:711px;
}
/* Looks like you have to specify the width of #menu
or IE5 Mac stretches it all the way across the div, and
Opera streches it half way. */
html>body #middle { /* ie5win fudge ends */
width:730px;
}
.middlemenu {
width:722px;
}
.middlemenu2 {
width:728px;
height:650px;
}
a span {display: none;}
a {position: relative;}
a:hover {
background-color: #dbe4f2;
}
/* The above hover change defeats the
IE/Win display changing bug */
a:hover span {
display: block;
background: #999999;
border: 1px solid black;
position: absolute;
top: 448px;
left: -180px;
width:-160px;
padding:5px;
}
p.middlemenu2 a {z-index: 5;}
</style>
<style type="text/css">
<!--[if IE]>
a:hover span {
display: block;
background: #999999;
border: 1px solid black;
position: absolute;
top: -200px;
left: 500em;
width:160px;
padding:5px;
}
<![endif]-->
</style>
Here’s the page:
http://www.thespeedlounge.com/info.php
I’m not sure what the conditional statement isn’t working.