Problem z menu poziomym rozwijanym i divami. Opcje

[martela]

Witam, mam problem. Rozjeżdża mi się strona (3 bloki) podczas rozwijania się poziomego menu. Co robić w tym przypadku?

[martela]

Nie wiem który kod wam się do tego przyda. ;d

strukturastrony.css

Kod

html, body {
    background-color: #1000;
    color: #000;
    margin: 0;
    padding: 0;
    text-align: center;
}
#top {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
#content {
    width:800px%;
    height:100px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    background-color: #1000;
    }
#menulewe {
    height:3200px;
    width: 150px;
    float: left;
    overflow: hidden;
    background-color: #1000;
}
#info {
    height:3200px;
    width: 150px;
    float: right;
    overflow: hidden;
    background-color: #1000;
}
#text {
    height:3200px;
    width: 500px;
    float: left;
    overflow: hidden;
    background-color: ccc;
}
#stopka {
    height:313px;
    clear: both;
    width: 100%;
    background-color: #1000;
}

menupoziome.css

Kod

ol {
  list-style-type:none;
  padding:0;
  margin:0;
  font-size:16px;
}
ol li {
  float:left;
  width:150px;
  text-align:center;
}
ol li a {
  display:block;
  color:#000;
  background-color:#FDD700;
  text-decoration:none;
  margin-left:1px;
  line-height:2em;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
}
ol li a:hover {
  color:#09C;
}
ol {
  list-style-type:none;
  padding:0;
  margin:0 auto;
  width:900px;
  font-size:16px;
  height:2em;
}
ul {
  list-style-type:none;
  padding:0;
  margin:0;
}
ul li {
  float:none;
}
ul li a {
  background-color:#EEE;
  line-height:normal;
  padding:3px 5px;
  border:1px solid #FFF;
  border-radius:0 0 6px 6px;
  }
ul li:first-child {
  margin-top:1px;
}
ul li a:hover {
  background-color:#FFF;
  border:1px solid #DDD;
  box-shadow:inset 0 0 4px #DDD;
}
ul {
  display:none;
  list-style-type:none;
  padding:0;
  margin:0;
}
ol li:hover ul {
  display:block;
}