[thelist] minor CSS problem in IE6
Gabriel Vasquez
enkryption at verizon.net
Thu Jul 10 20:01:16 CDT 2003
The problem is in the top menu. It's the only section that the a:hover
element contains a background color
http://www.geocities.com/somuchforthatname/csstest.html
Below is the CSS file:
a:link, a:hover {
background: transparent;
color: #5a85da;
text-decoration: none;
}
a:visited {
background: transparent;
color: #7d9cd8;
text-decoration: none;
}
body {
background: #333;
color: #fff;
font: 11px/17px "lucida grande", verdana, sans-serif;
margin: 0;
padding: 20px;
text-align: center;
}
h1 {
background: #3f65af;
border-bottom: 1px solid #2f5294;
border-top: 1px solid #5a85da;
color: #fff;
font-size: 13px;
margin: 0px;
padding: 2px 5px 5px 10px;
text-align: left;
}
h2 {
border-bottom: 1px dashed #4b4a4a;
font: 12px Verdana, Arial, sans-serif;
margin: 0px;
padding: 2px;
}
#closed {
background: transparent;
margin: 5%;
text-align: left;
width: 400px;
}
#closed p {
background: transparent;
padding: 3px;
}
#container {
background: transparent;
margin: 0px 0px 0px 0px;
padding: 30px;
width: 500px;
}
#minitabs {
border-bottom: 1px solid #4b4a4a;
margin: 0;
padding: 0px 0px 0px 10px;
}
#minitabs a:link, #minitabs a:visited {
background: transparent;
color: #fff;
float: none;
font-size: 10px;
font-weight: bold;
line-height: 14px;
margin: 0px 10px 4px 10px;
text-decoration: none;
}
#minitabs a:link.active, #minitabs a:visited.active, #minitabs a:hover {
background: transparent;
border-bottom: 4px solid #4b4a4a;
color: #fff;
padding-bottom: 2px;
}
#minitabs ul, #minitabs li {
display: inline;
list-style-type: none;
margin: 0px;
padding: 0px;
}
More information about the thelist
mailing list