Hi guys,
Could I get some help on a new site I'm doing? The navigation menu is a
normal drop down system; but the drop down parts aren't inline with their
parent. Its obvious if you look at the site (www.oscar-radio.org/static)
only working in IE as yet. The movement away from where they should be is
not a general shift to the right and so can't be altered by 'position:
relative' alterations. Any comments on the general design would also be
welcome?
The CSS involved is below; it seems a simple problem but no obvious
solution?
Many thanks,
Henry
/* NAVIGATION */
.navbutton {background-image: url('/images/new/nav.png');
background-repeat: repeat-x;
width: 130px; height: 38px;
border-bottom: 1px solid #2B2B2B; border-right: 1px solid #2B2B2B;
font-family: arial; color: #dcdcdc; font-weight: bolder;
text-align: center; font-size: 19px; letter-spacing: 1px; padding-top:
5px}
.curvededge {background-image: url('/images/new/navend2.png');
width: 66px; height: 38px;
padding-top: 5px}
/* MENUS */
#nav, #nav ul {padding: 0; margin: 0; list-style: none;}
#nav {width:995px;
height: 38px;}
#nav a {display: block; } #nav li {float: left;}
#nav li ul {position: absolute; left: -999em; margin: 10px;}
#nav li:hover ul {left: auto;} #nav li ul li a:link, a:visited
{text-decoration: none; /*Links on Drop Down */
color: #dcdcdc;
font-size: 10px;
font-weight: 600;
letter-spacing: 3px;
padding-top: 4px;
padding-bottom: 4px;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}
#nav li ul li {background-color: #666665; /* Drop Down */
border-left: 1px solid #393939;
border-right: 1px solid #393939;
border-bottom: 2px solid #393939;
width: 125px;
font-family: arial;}
#nav li ul li a:hover {background-color: #8B8B8B;}
.topdrop {border-top: 1px solid #393939;} /*Gives a line on the top of the
drop down menus */
.topdrop a:hover {background-color: green;
text-decoration: none;}
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
