html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background-color: #ffffaa } } body { margin: 0; } #blueblock{ width: 180px; border-right: 1px solid #000; padding: 0 0 1em 0; margin-bottom: 1em; font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; font-size: 90%; background-color: #90bade; color: #333; } * html #blueblock{ /*IE 6 only */ w\idth: 147px; /*Box model bug: 180px minus all left and right paddings for #blueblock */ } #blueblock ul{ list-style: none; margin: 0; padding: 0; border: none; } #blueblock li { border-bottom: 1px solid #90bade; margin: 0; } #blueblock li a{ display: block; padding: 5px 5px 5px 8px; border-left: 10px solid #1958b7; border-right: 10px solid #508fc4; background-color: #2175bc; color: #fff; text-decoration: none; width: 100%; } #blueblock li a{ /*Non IE6 width*/ width: auto; } #blueblock li a:hover{ border-left: 10px solid #1c64d1; border-right: 10px solid #5ba3e0; background-color: #2586d7; color: #fff; } .wireframemenu{ border: 1px solid #C0C0C0; background-color: white; border-bottom-width: 0; width: 170px; } * http://www.dynamicdrive.com/style/csslibrary/item/wire-frame-menu/ * html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */ width: 164px; } .wireframemenu ul{ padding: 0; margin: 0; list-style-type: none; } .wireframemenu a{ font: bold 13px Verdana; padding: 4px 3px; display: block; width: 100%; /*Define width for IE6's sake*/ color: #595959; text-decoration: none; border-bottom: 1px solid #C0C0C0; } .wireframemenu a:visited{ color: #595959; } wireframemenu a{ /*Non IE rule*/ width: auto; } .wireframemenu a:hover{ background-color: #F8FBBD; color: black; }