/* CSS Document */



.main_border{border:1px solid #000000;}
.left {background-color:#f6f6f6;border-right:1px solid #424242;}
p {font-family:Verdana; font-size:12px; margin:10px;}
body {background-image: url(img/bg.gif)}





.style1 {color: #FFFFFF}
.style2 {
	font-size: 18px;
	color: #FF0000;
}
.style3 {color: #000099}





p.title {
background-color:#0099FF;
color: #ffffff;
font-weight:bold;
margin:2px;
padding:5px;
}

#coolmenu{
border: 1px solid gray; /*Стиль рамки */
border-bottom-width: 0;
width: 93%; /*Ширина меню */
background-color: #f6f6f6;  /*Фоновый цвет ячейки*/
margin:5px; /*Ширина отступов*/
}

* html #coolmenu{ 
width:210px;/*Ширина меню для Internet Explorer*/
}

#coolmenu a{
font: bold 13px Verdana; /*Шрифт текста*/
padding: 2px; /*Внутренний отсутп текста ссылки от краев ячейки*/
padding-left: 4px;/*Внутренний отсутп текста ссылки от левого края ячейки*/
display: block;
width: 100%; /*Ширина ячейки*/
color: #000000;  /*Цвет текста*/
text-decoration: none; /*Подчеркивание у ссылок - нет*/
border-bottom: 1px solid gray;
}

html>body #coolmenu a{ 
width: auto;
}

#coolmenu a:hover{
background-color: #cccccc; /*Фоновый цвет ячейки при наведение курсора*/
color: #000000;  /*Цвет текста при наведении курсора*/
}


.podcher{text-decoration: none; font-size:12px;font-weight:bold;color:#FFFFFF;}


ul { margin: 0; padding: 0; list-style: none; width: 210px; border-bottom: 1px solid #ccc; }
ul li { position: relative; }
li ul { position: absolute; left: 209px; top: 0; display: none; }

ul li a {font:  13px Verdana; display: block; text-decoration: none; color: #000; background: #fff; padding: 3px; border: 1px solid #ccc; border-bottom: 0; padding-left: 6px;background-color: #f6f6f6; }

/* Fix IE. Hide from IE Mac \*/ * html ul li { float: left; } * html ul li a { height: 1%; } /* End */
li:hover ul, li.over ul { display: block; }

startList = function() { if (document.all&&document.getElementById) { navRoot = document.getElementById("nav"); for (i=0; i<navRoot.childNodes.length; i++) { node = navRoot.childNodes[i]; if (node.nodeName=="LI") { node.onmouseover=function() { this.className+=" over"; } node.onmouseout=function() { this.className=this.className.replace » (" over", ""); } } } } } window.onload=startList;
<ul id="nav">

/* Fix IE. Hide from IE Mac \*/ * html ul li { float: left; height: 1%; } * html ul li a { height: 1%; } /* End */