[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