No replies
mhague
mhague's picture
Offline
newbie
Last seen: 7 years 10 weeks ago
Timezone: GMT-7
Joined: 2005-02-28
Posts: 3
Points: 4

Hello!
I've been racking my brain for quite a while on this. This is my first attempt to move away from in-line CSS and try some fancy menu items. Problem is, my CSS menu items look good in IE 6, but they jog up slightly in Netscape 7. They also move up slighty on my MAC (both IE and NS). Here is my URL so you can see the differences.

http://www.humanities.uci.edu/development/new

Can someone please help? I'm going nuts!

Thanks, Marcie

Here is my CSS Code:

#Nav TD {
FONT-SIZE: 12px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
color: #000099;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #666666;
}
#Nav A:visited {
COLOR: #003399
}
#Nav A:hover {
BORDER-RIGHT: #cccccc 1px solid;
PADDING-RIGHT: 4px;
BORDER-TOP: #cccccc 1px solid;
PADDING-LEFT: 9px;
PADDING-BOTTOM: 2px;
MARGIN: 0px;
BORDER-LEFT: #cccccc 1px solid;
PADDING-TOP: 0px;
BORDER-BOTTOM: #cccccc 1px solid;
BACKGROUND-COLOR: #f1f1f1;
TEXT-DECORATION: none;
color: #000099;
}
#Nav2 A:hover {
BORDER-RIGHT: #cccccc 1px solid;
PADDING-RIGHT: 4px;
BORDER-TOP: #cccccc 1px solid;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 2px;
MARGIN: 0px;
BORDER-LEFT: #cccccc 1px solid;
PADDING-TOP: 0px;
BORDER-BOTTOM: #cccccc 1px solid;
BACKGROUND-COLOR: #f1f1f1;
TEXT-DECORATION: none;
color: #000099;
}
#Nav A {
/* Left to right motion of menu item */
PADDING-RIGHT: 4px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 2px; MARGIN: 1px 0px; CURSOR: pointer; COLOR: #000000; PADDING-TOP: 1px
}

#Nav {
/* The distance within the Cell. Doesn't seem to affect Hover */
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 2px;
FONT: 12px Verdana, Arial, Helvetica, sans-serif;
PADDING-TOP: 0px;
border-right: none;
}
A:hover {
COLOR: #003399;
TEXT-DECORATION: underline;
}
#Nav H4 {
FONT-SIZE: 12px;
MARGIN: 2px 4px 5px 2px;
color: #FFFF99;
font-weight: bold;
background-color: #000099;
line-height: 18px;
padding: 1px;
width: 90%;
border: none;
}
#Nav UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px;
PADDING-TOP: 0px;
LIST-STYLE-TYPE: none
}
#Nav LI {
MARGIN: -1px 0px 0px 7px;
WIDTH: 205px;
padding: 1px;
}