K
King of Red Lions
Hey all! I'm trying to create a decent CSS menu and have run into major
problems, namely Internet Explorer. This is my site with the menu on it
www.paradisa.net/softek If you look at the menu in Mozilla it is just how I
want it to be, but if you look through Internet Explorer it doesn't look so
great. What attribute of my CSS do I have wrong? Is there anything I can
change so it will look the same in Internet Explorer? Here is the CSS I
used.
..menu1 {
width: 164px;
color: #444488;
background-color: #FFFFFF;
padding: 3px 0 3px 10px;
display: block;
border-bottom: 1px solid #EFEDED;
font: 13px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;
}
..menu1:hover {
background-color: #ECF5FF;
color: #444488;
text-decoration: none;
}
..menu2 {
width: 156px;
color: #444488;
background-color: #FFFFFF;
padding: 3px 0 3px 18px;
display: block;
border-bottom: 1px solid #EFEDED;
font: 13px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;
}
..menu2:hover {
background-color: #ECF5FF;
color: #444488;
text-decoration: none;
}
Any help would be much appreciated. Thanks!
problems, namely Internet Explorer. This is my site with the menu on it
www.paradisa.net/softek If you look at the menu in Mozilla it is just how I
want it to be, but if you look through Internet Explorer it doesn't look so
great. What attribute of my CSS do I have wrong? Is there anything I can
change so it will look the same in Internet Explorer? Here is the CSS I
used.
..menu1 {
width: 164px;
color: #444488;
background-color: #FFFFFF;
padding: 3px 0 3px 10px;
display: block;
border-bottom: 1px solid #EFEDED;
font: 13px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;
}
..menu1:hover {
background-color: #ECF5FF;
color: #444488;
text-decoration: none;
}
..menu2 {
width: 156px;
color: #444488;
background-color: #FFFFFF;
padding: 3px 0 3px 18px;
display: block;
border-bottom: 1px solid #EFEDED;
font: 13px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;
}
..menu2:hover {
background-color: #ECF5FF;
color: #444488;
text-decoration: none;
}
Any help would be much appreciated. Thanks!