ul#menu{  	margin		: 0; 	padding		: 0; 	display		: table; 	width		: 100%; 	border-right	: 1px solid #fff; }  #menu li{ 	display		: table-cell; 	text-align	: center; 	width		: auto;   }  *html #menu li{     width:auto; 	display		: inline; 	zoom		: 1; }  #menu a:link, #menu a:hover, #menu a:visited{ 	display		: block; 	background  : #336699;         padding		: 5px 20px; 	font		: 16px Arial;         border-right: 2px solid #3D92BC; 	color		: #fff; 	text-decoration	: none;         border-top: 5px solid #3D92BC; }   #menu a:hover{ 	background: #fff;	         border-top: 1px solid #3D92BC;         border-bottom: 1px solid #3D92BC;         color:#3D92BC;  }    <ul id="menu"> 	<li><a href="">О нас</a></li> 	<li><a href="">История</a></li> 	<li><a href="">Документы</a></li> 	<li><a href="">Экспедиция</a></li> 	<li><a href="">Галерея</a></li> 	<li><a href="">Контактная информация</a></li> </ul>  Вроде сделал, но остался вопрос с боковой границей, как её сделать? И IE6-7 неправильно отображает страницу, в чем проблема?