a img { border:0; } a { text-decoration:none; color:#666666; } a:hover { text-decoration:underline; color:#333333; } ul { padding: 0; margin: 0; list-style: none; } li { FLOAT: left; WIDTH: 120px; /* removing this breaks IE */ POSITION: relative; } li ul { display: none; position: absolute; top: 18px; left: 0px; /*BACKGROUND: url(images/bg_dropdown.gif) no-repeat left bottom;*/ PADDING-BOTTOM: 6px; } li.links{ BORDER-RIGHT: #777777 1px solid; BORDER-TOP: none; BORDER-LEFT: #777777 1px solid; BORDER-BOTTOM: #d3d3d3 1px solid; BACKGROUND-COLOR: white; TEXT-ALIGN: left; font-family:"Trebuchet MS", sans-serif; font-size:12px; line-height:15px; color: #666666; padding-left: 18px; padding-top: 0px; padding-bottom: 2px; padding-right: 3px; /*width: 120px;*/ } li.bottom{ BORDER-RIGHT: #777777 1px solid; BORDER-TOP: none; BORDER-LEFT: #777777 1px solid; BORDER-BOTTOM: none; BACKGROUND-COLOR: white; TEXT-ALIGN: left; font-family:"Trebuchet MS", sans-serif; font-size:12px; line-height:15px; color: #666666; padding-left: 18px; padding-top: 3px; padding-bottom: 2px; padding-right: 3px; /*width: 120px;*/ } li.top{ padding-bottom: 0px; padding-right: 8px; vertical-align:bottom; } li:hover ul, li.over ul{ display: block; padding-top: 0px; }