LINK Div

Ciao ragazzi, sono nuovo e sto imparando a programmare.

Sto realizzando un Web per il mio bar responsive.

Mi è sorto solo un piccolo problema che non riesco a comprendere…

<div style="overflow:auto">
      <div class="menu">
        <center>
        <button type="button" class="btn-open first">Chi Siamo Fumetto Bar!</button>
    </center>
        <div class="zeynep right">
          <ul>
            <li>
              <a href="#right">Come Nasce il Fumetto Bar</a>
            </li>
   
            <li class="has-submenu">
              <a href="#" data-submenu="stores">Menu</a>
   
              <div id="stores" class="submenu">
                <div class="submenu-header">
                  <a href="#" data-submenu-close="stores">Menu</a>
                </div>
   
   
                <ul>
                  <li>
                    <a href="index.html">home</a>
                  </li>
   
                  <li>
                    <a href="#main">Galleria dei Nostri Lavori</a>
                  </li>
   
                  <li>#recensioni
                    <a href="#recensioni">Cosa dice la gente di noi!</a>
                  </li>
                </ul>
      </div>
      </li></ul></div>
Non va nella div…il codice css
 .menu {
    float: left;
    width: 100%;
  }
 
  .cornetto {
    background-color: rgb(255, 255, 255);
    float: left;
    border-radius: 5px;
    border: 2px outset  hsl(30, 25%, 3%);
    width: 100%;
    padding: 0 20px;
    overflow: hidden;
  }
 
  .main {
    background-color: rgb(255, 255, 255);
    float: left;
    border-radius: 5px;
    border: 2px outset  hsl(30, 25%, 3%);
    width: 100%;
    padding: 0 20px;
    overflow: hidden;
  }
  .right {
    background-color: lightblue;
    float: left;
    border-radius: 5px;
    border: 2px outset  hsl(30, 25%, 3%);
    width: 100%;
  }
 
  .recensioni {
    background-color: rgb(250, 136, 212);
    float: left;
    border-radius: 5px;
    border: 2px outset  hsl(30, 25%, 3%);
    width: 100%;
  }
header{
  width: 100%;
    background-color: white;
    border-radius: 5px;
    border: 2px outset  hsl(30, 25%, 3%);
  float:top;
  color: #222222;
}
footer {
position:absolute;
background-color: white;
 border-radius: 5px;
    border: 2px outset  hsl(30, 25%, 3%);
bottom:0;
left:0;
width:100%;
}
  @media only screen and (max-width:800px) {
    /* For tablets: */
    .cornetto {
      width: 80%;
      padding: 0;
    }
    .main {
      width: 80%;
      padding: 0;
    }
    .right {
      width: 100%;
    }
    .recensioni {
        width: 100%;
      }
  }
  @media only screen and (max-width:500px) {
    /* For mobile phones: */
    .menu, .cornetto, .main, .right, .recensioni {
      width: 100%;
    }
  }

Illuminatemi