Having some trouble with my vertical menu rendering correctly in different browsers. It's appearing horizontal in Opera, but looks good in Firefox and Chrome. I'm pretty sure it's just a small tweak needed in the code, but I can't quite figure it out!
#liststyle2 {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid #c7c7c7;
background-color: #ececec;
float: left;
text-decoration: none;
list-style: none;
display: block;
margin: 20px 0 0 0;
}
#liststyle2 li {
position: relative;
}
#liststyle2 li a {
padding: 17px 25px 15px 25px;
font-size: 15px;
float: left;
min-width: 77px;
text-align: center;
font-weight: bold;
color: #a3a3a3;
border-bottom: 1px solid #c7c7c7;
}
#liststyle2 li a:hover{
background-color: #e2e1e1;
}
#liststyle2 li:last-child a{
border-bottom: none;
}