Yamaneko
10-17-2004, 08:32 PM
http://dailyyams.com/
The menu on the right expands div#menu a:hover in Firefox and IE when I hover over it. Mario & Luigi: Superstar Saga is the longest link right now. Can someone look at this and see the problem?
/* menu */
div#menu {
float: right;
text-align: left;
height: auto;
padding: 5px 10px 10px 10px;
margin: 0 0 0 0;}
div#menu a { color: #FFFFFF; text-decoration: none; font-weight: normal;
}
div#menu a:hover {
padding: 1px 1px 1px 15px;
margin: 0px;
color: #FFFFFF;
background: #343536;
}
ul li{
color: #FFFFFF;
margin:20px 0px 0px 0px;
padding:1px;
}
div#menu ul {
margin: 0px;
padding: 0px;
list-style: none;}
div#menu ul li ul {
margin: 0px;
}
div#menu ul li ul a{
display: block;
padding: 1px 1px 1px 15px;
margin: 0px;
background-color: #343536;
border-right: 1px solid #606060;
border-bottom: 1px solid #606060;}
div#menu ul li ul a:hover{
display: block;
background-color: #2C2D2E;
color: #FFFFFF; border-bottom: 1px #2C2D2E solid; border-right: 8px #2C2D2E solid;
}
div#menu ul li {
margin: 10px 0;
padding-left: 0px;
}
div#menu ul li ul li {
margin: auto auto auto auto;
}
div#menu table td {
text-align: center;
}
The menu on the right expands div#menu a:hover in Firefox and IE when I hover over it. Mario & Luigi: Superstar Saga is the longest link right now. Can someone look at this and see the problem?
/* menu */
div#menu {
float: right;
text-align: left;
height: auto;
padding: 5px 10px 10px 10px;
margin: 0 0 0 0;}
div#menu a { color: #FFFFFF; text-decoration: none; font-weight: normal;
}
div#menu a:hover {
padding: 1px 1px 1px 15px;
margin: 0px;
color: #FFFFFF;
background: #343536;
}
ul li{
color: #FFFFFF;
margin:20px 0px 0px 0px;
padding:1px;
}
div#menu ul {
margin: 0px;
padding: 0px;
list-style: none;}
div#menu ul li ul {
margin: 0px;
}
div#menu ul li ul a{
display: block;
padding: 1px 1px 1px 15px;
margin: 0px;
background-color: #343536;
border-right: 1px solid #606060;
border-bottom: 1px solid #606060;}
div#menu ul li ul a:hover{
display: block;
background-color: #2C2D2E;
color: #FFFFFF; border-bottom: 1px #2C2D2E solid; border-right: 8px #2C2D2E solid;
}
div#menu ul li {
margin: 10px 0;
padding-left: 0px;
}
div#menu ul li ul li {
margin: auto auto auto auto;
}
div#menu table td {
text-align: center;
}