my

my

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<div class="content">
  <div class="content_resize">
    <div class="sidebar">

      <div class="gadget">

        <div class='nav'>
          <div class='link'>
            <div class='prev'><img src="/images/homes.png" /></div>
            <div class='small'><img src="/images/home.png" /></div>
            <div class='full'>
              <div class='f1'>
                <a href="/">Главная</a>
              </div>

            </div>
          </div>
          <div class='link'>
            <div class='prev'><img src="/images/books.png" /></div>
            <div class='small'><img src="/images/book.png" /></div>
            <div class='full'>
              <div class='f1'>
                <a href="/statya/">Статьи</a>
              </div>

            </div>
          </div>
          <div class='link'>
            <div class='prev'><img src="/images/+s.png" /></div>
            <div class='small'><img src="/images/+.png" /></div>
            <div class='full'>
              <div class='f1'>
                <a href="/addtost.html">Поделитесь </br> тостом</a>
              </div>

            </div>
          </div>
          <div class='link'>
            <div class='prev'><img src="/images/searchs.png" /></div>
            <div class='small'><img src="/images/search.png" /></div>
            <div class='full'>
              <div class='f1'>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="clr"></div>

      <div class="gadget2">

        <div class="clr"></div>



        <a class="amenu" href="/">Главная</a>
        <a class="amenu" href="/">Добавить тост</a>
        <a class="amenu" href="/">Статьи</a>
        <a class="opened" href="javascript:void(0);" tabindex="1">Выберите категорию</a>
        <div class="clr"></div>
        <ul id="accordion" class="accordion">
          <h2><span>Поздравления</span></h2>
     ...

CSS

body {
  padding: 0;
  margin: 0;
  color: #585757;
  font: normal 0.875em "Liberation sans", Arial, Helvetica, sans-serif;
  background: #fff;
}

html,
.main {
  padding: 0;
  margin: 0;
}

.main {
  width: 90%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.clr {
  clear: both;
  padding: 0;
  margin: 0;
  width: 100%;
  font-size: 0;
  line-height: 0;
}

h2 {
  margin: 8px 0;
  padding: 8px 0;
  font-weight: bold;
  line-height: 1.2em;
  color: #585757;
  text-transform: none;
}

p {
  margin: 8px 0;
  padding: 0 0 8px 0;
}

.header,
.content,
.menu_nav,
.fbg,
.footer,
form,
ol,
ol li,
ul,
.content .mainbar,
.content .sidebar {
  margin: 0;
  padding: 0;
}

.content .sidebar {
  background: #000;
  padding: 5px 0;
  float: left;
  position: relative;
  width: 100%;
  max-width: 260px;
  /* 260 24,074074074%*/
}

.content .sidebar .gadget {
  margin: 0 5px 10px 5px;
  padding: 10px 10px 10px;
  background: #ededed url(../images/gadget_bg.jpg) no-repeat center bottom;
  -o-background-size: 100%;
  background-size: 100%;
  font-size: 22px;
  width: 100%;
  max-width: 260px;
  /* 260 24,074074074%*/
}

.content .sidebar .gadget2 {
  margin: 0 5px 10px 5px;
  padding: 10px 10px 10px;
  background: #ededed url(../images/gadget_bg.jpg) no-repeat center bottom;
  -o-background-size: 100%;
  background-size: 100%;
  font-size: 22px;
  *width: 100%;
  max-width: 100#;
  /* 260 24,074074074%*/
  display: block;
}

.content .sidebar h2 {
  margin: 0 0px 0 0;
  padding: 6px 12px 4px;
  color: #fff;
  background: #d82f2a;
  font-size: 22px;
}

.content {
  padding: 4px 0 0;
  background: repeat-x left bottom;
}

.content_resize {
  margin: 0 auto;
  padding: 0 0 20px;
  width: 100%;
  /* 960*/
  background: repeat-y left top;
}

.content .mainbar {
  margin-left: 310px;
  padding: 0;
  max-width: 100%;
  position: relative;
}

.content .mainbar h2 {
  margin-bottom: 4px;
}

.content .mainbar div.img {
  padding: 12px 0;
  float: left;
}

.content...