#navigation ul {  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  height: 100%;  
  list-style-type: none;  
  list-style-position: outside;  
  list-style-image: none;  
  text-align: left;
  overflow: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling:  touch;
}

#menuControl + label {  
  display: block;
  width: 50px;  
  height: 50px;
  position: fixed;  
  left: 0px;  
  top: 0px;  
  z-index: 10;  
  cursor: pointer;
  background-color: white;  
  background-image: url("images/menu.png");  
  background-repeat: no-repeat;
  background-position: left top;  
}

#menuControl + label span {  
  position: absolute;  
  left: -9999px;
}

#navigation {
  width: 200px;  
  top: 50px;
  position: fixed;
  left: -9999px;
  z-index: 10;  
  border-right-width: 1px;  
  border-right-style: solid;  
  border-right-color: #dddddd;  
  background-color: white;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  border-top-width: 1px;  
  border-top-style: solid;  
  border-top-color: #dddddd;  
  height:calc(100% - 51px);
  -webkit-height:calc(100% - 51px);
  transition: all 0.5s ease 0.5s;  
  -webkit-transition: all 0.5s ease 0.5s;
}

#menuControl {  
  position: absolute;  
  left: -9999px;  
  display: none;
}

#menuControl:checked ~ #ie7 #navigation {  
  left: 0px;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}

#menuControl:checked + label:before {  
  display: block;  
  content: "";  
  width: 100%;  
  height: 100%;  
  position: fixed;  
  left: 0px;  
  top: 0px;  
  background-color: transparent;  
}

#navigation ul li a {  
  display: block;  
  height: 50px;  
  border-bottom-width: 1px;  
  border-bottom-style: solid;  
  border-bottom-color: #dddddd;  
  text-indent: 10px;
  font-style: normal;  
  font-variant: normal;  
  font-weight: bold;  
  font-size: 20px;  
  line-height: 50px;  
  font-family: arial, sans-serif;  
  color: #333333;  
  text-decoration: none;
}

#navigation ul li {  
  background-color: transparent;  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: left top;
}

#menuControl:checked ~ #wrapper {  
  height: 100%;  
  overflow: hidden;
}