I have a feature that I am trying to add to a clients wordpress site and when I add the html in the editor just as I have it here. It works like here:[DEMO](http://www.joshuadavidinc.com/din8/ourrestaurants/). Everything seems to work brilliantly in just html and CSS, but in wordpress, not so much. I have added the code here as well for your review. 

```css
 body {
   background-color: #777;
 }
 .slide-panel {
   position: relative;
   font-family: Arial;
 }
 .slide-panel-content {
   background-color: #333;
   position: fixed;
   right: -573px;
   width: 431px;
   height: 80%;
   border-radius: 8px;
   padding: 0 20px 20px 20px;
   transition: all 0.3s ease;
 }
 .slide-panel-tab {
   background: hsla(75, 100%, 41%, 1.0);
   color: hsla(100, 100%, 100%, 1.0);
   padding: 5px;
   display: block;
   position: fixed;
   top: 150px;
   right: -60px;
   transition: all 0.3s ease;
   -webkit-transform: rotate(-90deg);
   transform: rotate(-90deg);
   display: inline-block;
   border: none;
   z-index: 0;
   cursor: pointer;
 }
 input[type="checkbox"] {
   display: none;
 }
 input[type="checkbox"]:checked + label + .slide-panel-content {
   right: 0;
 }
 input[type="checkbox"]:checked ~ label {
   right: 412px;
 }
```

```html
<body>

  <div id="slide-panel" class="slide-panel">

    <input type="checkbox" id="checker" type="button" value="feedback">

    <label for="checker" class="slide-panel-tab">

      <p style="text-align:center;">BECOME A PARTNERING
        <br />RESTAURAUNT</p>

    </label>

    <div class="slide-panel-content">

      <div data-area="input">

        <div class="content">

        </div>
      </div>
    </div>
    <!-- close: slide-inner -->
  </div>
  <!-- close: slide-panel-content -->
</body>
```