PDA

View Full Version : CSS line-height issue


rjwortmann
10-03-2013, 12:37 PM
Got the line-height workign in all browsers except the Chrome browser.
Any suggestions?
I'm using this external css sheet to style my vertical navigation bar.

/*Vertical Navigation bar Style sheet*/
#leftcol #navmenu {
background-color: #375886;
width: 145px;
left: auto;
right:auto;
padding-bottom: 15px;
padding-left: 15px;
}
#leftcol #navmenu li {
background-color: #06F;
padding: 1px;
list-style-type: none;
left: 15px;
margin: 3px;
width: 120px;
-moz-box-shadow: 1px 1px 0px 0px #09F;
-webkit-box-shadow: 1px 1px 0px 0px #09F;
box-shadow: 1px 1px 0px 0px #09F;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
#leftcol #navmenu li a {
display: block;
width: 120px;
height:20px;
text-decoration:none;
text-align: center;
line-height:20px;
}
#leftcol #navmenu li a:hover {
background-color:#06C;
}
#leftcol #navmenu li a:link {
color:#fff;
}
#leftcol #navmenu li a:visited {
color:#fff;
}
#leftcol #navmenu li a:active {
color:#CCC
}
#wrapper #leftcol #navmenu p {
margin-left: 10px;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}