bvp/jsbin.IruzeTO.css

## jsbin.IruzeTO.css
body {
   padding: 0px;
   background: rgb(150,150,150);
}

#container {
   width: 824px;
   height: 140px;
   border: 1px solid black;
   border-style: none;
//   background: rgb(44,64,122);
   margin: 40px auto;
   overflow: hidden;
   border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   background-image: url(https://dl.dropboxusercontent.com/u/4387941/site/ol-img/bg_l.png), url(https://dl.dropboxusercontent.com/u/4387941/site/ol-img/bg_r.png), url(https://dl.dropboxusercontent.com/u/4387941/site/ol-img/bg.png);
   background-repeat: no-repeat, no-repeat, repeat-x;
   background-position: left top, right top, left top;
   /*background-origin: border-box,border-box,padding-box;
   background-clip: border-box,border-box,padding-box;
   -webkit-box-shadow: inset 0px 0px 8px 4px rgba(0, 0, 200, .7);
   box-shadow: inset 0px 0px 8px 4px rgba(0, 0, 200, .7); */
}

#logo{
   float: left;
   padding-top: 30px;
   padding-left: 40px;
}

#element{
   float: left;
/*   padding-top: -10px; */
   padding-left: 40px;
   margin: -15px;
   clip: rect(20px auto auto 0px);
}

#tell {
   float: right;
   padding-right: 5px;
   padding-top: 5px;
}

#cart {
   position: relative;
   float: right;
   height: 60px;
   width: 200px;
   margin-top: 70px;
   margin-right: -210px;
   padding-top: 0px;
   padding-right: 0px;
}

#cartLogo {
   position: absolute;
   top: 0px;
   left: 0px;
}

#cartName {
   position: absolute;
   top: 10px;
   left: 70px;
}

#cartName a {
   color: yellow;
}

#cartCounter a {
   color: white;
   text-decoration: none;
}

#cartCounter {
   position: absolute;
   top: 30px;
   left: 70px;
}

## jsbin.IruzeTO.html
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <header>
    <div id="container">
      <div id="logo">
        <a href="#"><img src="https://dl.dropboxusercontent.com/u/4387941/site/ol-img/logo.png"></a>
      </div>
      <div id="element">
        <img src="https://dl.dropboxusercontent.com/u/4387941/site/ol-img/element.png">
      </div>
      <div id="tell">
        <img src="https://dl.dropboxusercontent.com/u/4387941/site/ol-img/tell.png">
      </div>
      <div id="cart">
        <div id="cartLogo">
            <img src="https://dl.dropboxusercontent.com/u/4387941/site/ol-img/cart.gif">
        </div>
        <div id="cartName"><a href="#">Корзина товаров</a></div>
        <div id="cartCounter"><a href="#">0 товаров</a></div>
      </div>
    </div>
  </header>
  <nav>
    <ul>
      <li>Интернет-магазин</li>
      <li>Доставка / Оплата</li>
      <li>Покупателям
        <ul>
          <li>Инструкции</li>
          <li>Каталоги товаров</li>
          <li>Сделай сам</li>
          <li>Ветеранская программа</li>
          <li>Обратная связь</li>
        </ul>
      </li>
      <li>Акции</li>
      <li>Контакты</li>
      <li>Выгодные цены
        <ul>
          <li>Выгодные цены</li>
          <li>Скидки до 20%</li>
        </ul>
      </li>
    </ul>
  </nav>
</body>
</html>
	body {
	padding: 0px;
	background: rgb(150,150,150);
	}

	#container {
	width: 824px;
	height: 140px;
	border: 1px solid black;
	border-style: none;
	// background: rgb(44,64,122);
	margin: 40px auto;
	overflow: hidden;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-image: url(https://dl.dropboxusercontent.com/u/4387941/site/ol-img/bg_l.png), url(https://dl.dropboxusercontent.com/u/4387941/site/ol-img/bg_r.png), url(https://dl.dropboxusercontent.com/u/4387941/site/ol-img/bg.png);
	background-repeat: no-repeat, no-repeat, repeat-x;
	background-position: left top, right top, left top;
	/*background-origin: border-box,border-box,padding-box;
	background-clip: border-box,border-box,padding-box;
	-webkit-box-shadow: inset 0px 0px 8px 4px rgba(0, 0, 200, .7);
	box-shadow: inset 0px 0px 8px 4px rgba(0, 0, 200, .7); */
	}

	#logo{
	float: left;
	padding-top: 30px;
	padding-left: 40px;
	}

	#element{
	float: left;
	/* padding-top: -10px; */
	padding-left: 40px;
	margin: -15px;
	clip: rect(20px auto auto 0px);
	}

	#tell {
	float: right;
	padding-right: 5px;
	padding-top: 5px;
	}

	#cart {
	position: relative;
	float: right;
	height: 60px;
	width: 200px;
	margin-top: 70px;
	margin-right: -210px;
	padding-top: 0px;
	padding-right: 0px;
	}

	#cartLogo {
	position: absolute;
	top: 0px;
	left: 0px;
	}

	#cartName {
	position: absolute;
	top: 10px;
	left: 70px;
	}

	#cartName a {
	color: yellow;
	}

	#cartCounter a {
	color: white;
	text-decoration: none;
	}

	#cartCounter {
	position: absolute;
	top: 30px;
	left: 70px;
	}
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset=utf-8 />
	<title>JS Bin</title>
	</head>
	<body>
	<header>
	<div id="container">
	<div id="logo">
	<a href="#"><img src="https://dl.dropboxusercontent.com/u/4387941/site/ol-img/logo.png"></a>
	</div>
	<div id="element">
	<img src="https://dl.dropboxusercontent.com/u/4387941/site/ol-img/element.png">
	</div>
	<div id="tell">
	<img src="https://dl.dropboxusercontent.com/u/4387941/site/ol-img/tell.png">
	</div>
	<div id="cart">
	<div id="cartLogo">
	<img src="https://dl.dropboxusercontent.com/u/4387941/site/ol-img/cart.gif">
	</div>
	<div id="cartName"><a href="#">Корзина товаров</a></div>
	<div id="cartCounter"><a href="#">0 товаров</a></div>
	</div>
	</div>
	</header>
	<nav>
	<ul>
	<li>Интернет-магазин</li>
	<li>Доставка / Оплата</li>
	<li>Покупателям
	<ul>
	<li>Инструкции</li>
	<li>Каталоги товаров</li>
	<li>Сделай сам</li>
	<li>Ветеранская программа</li>
	<li>Обратная связь</li>
	</ul>
	</li>
	<li>Акции</li>
	<li>Контакты</li>
	<li>Выгодные цены
	<ul>
	<li>Выгодные цены</li>
	<li>Скидки до 20%</li>
	</ul>
	</li>
	</ul>
	</nav>
	</body>
	</html>