- This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
Viewing 2 posts - 1 through 2 (of 2 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Hi,
Have a frustrating problem in that borders around a navigation bar don’t display in Chrome, Safari or Opera but OK in Firefox, IE and netscape. Code below
CSS
#left {
float:left;
width:201px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0;
margin-left: 0;
}
#left ul { margin: 0; padding:0; }
#left ul li {
list-style:none;
margin:0;
padding:0;
border-top-width: 0px;
border-right-width: 0.5px;
border-bottom-width: 0.5px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
}
#left ul li a {
display:block;
width:152px;
margin:0;
padding:5px;
font-size:11px;
color: #FFFFFF;
font-family: Verdana;
}
#left ul li a:hover {
padding:5px 3px 5px 7px;
}
#left ul li ul { margin: 0; padding:0; }
#left ul li ul li { list-style:none; margin:0; padding:0; border-left:none; border-right:none; }
#left ul li.on {
padding:4px 0 4px 10px;
background-repeat: no-repeat;
background-position: 1px 1px;
}
#left ul li ul li a { padding:4px 5px; background:#EFEFEF; }
#left ul li ul li a:hover { padding:4px 0 4px 10px; }
/* Navigation section ends */
HTML
Any ideas on how to fix?
Greg,
many thanks
John C