[Solved] Borders not showing in Chrome, Safari & Opera

[jchap59]

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

Code:

/* Navigation section */

#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

Code:

• what we do
• prices
• gallery
• guests
• video safe
• contact us

Any ideas on how to fix?

[jchap59]

Greg,

many thanks

John C

[Author]

Posts