<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CSS Menu - Vertical</title> <mce:style type="text/css"><!-- body { margin: 0; padding: 30px; background: #FFF; color: #666; } <!-- h1样式 --> h1 { font: bold 16px Arial, Helvetica, sans-serif; } p { font: 11px Arial, Helvetica, sans-serif; } a { color: #900; text-decoration: none; } a:hover { background: #900; color: #FFF; } ul#machineMenu, ul#machineMenu li, ul#machineMenu ul { margin: 0; border: 0 none; padding: 0; width: 160px; height: 30px; list-style: none; } ul#machineMenu li { display: block !important; display: inline; position: relative; } ul#machineMenu a { border: 1px solid #FFF; border-right-color: #CCC; border-bottom-color: #CCC; padding: 0 6px; display: block; background: #EEE; color: #666; font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; height: auto !important; height: 1%; } ul#machineMenu a:hover, ul#machineMenu li:hover a, ul#machineMenu li.iehover a { background: #CCC; color: #FFF; } ul#machineMenu li:hover li a, ul#machineMenu li.iehover li a { background: #EEE; color: #666; } ul#machineMenu li:hover li a:hover, ul#machineMenu li:hover li:hover a, ul#machineMenu li.iehover li a:hover, ul#machineMenu li.iehover li.iehover a { background: #CCC; color: #FFF; } u