Левое и правое заполнение не работает

Question

Я искал ответ в течение двух часов.

.liteAccordion .slide > div {height: 100%; position: absolute; top: 0; 
z-index: 10; overflow: hidden; background: 
white;color:black;padding:25px;} 

Работает только верхняя и нижняя прокладка. Что может быть причиной проблемы?

Я использую JS горизонтальный плагин меню аккордеон из http://nicolahibbert.com/demo/liteAccordion/

HTML код

<div id="site-accordion"> 
      <ol> 
       <li> 
        <h2><span>գլխավոր</span></h2> 
        <div class="ins"> 
         <h3>This is Slide One.</h3> 
         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore 
          magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo 
          consequat. <a href="#">Link somewhere</a> 
         </p> 
        </div> 
       </li> 
       <li> 
        <h2><span>նսորություններ</span></h2> 
        <div> 
         <h3>This is Slide Two.</h3> 
         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore 
          magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi. <br /><a href="#">Link somewhere</a> 
         </p> 
        </div> 
       </li> 
       <li> 
        <h2><span>ծառայություններ</span></h2> 
        <div> 
         <h3>This is Slide Three.</h3> 
         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore 
          magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo 
          consequat. <a href="#">Link somewhere</a> 
         </p> 
        </div> 
       </li> 
       <li> 
        <h2><span>կապ</span></h2> 
        <div> 
         <h3>This is Slide Four.</h3> 
         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore 
          magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi. <br /><a href="#">Link somewhere</a> 
         </p> 
        </div> 
       </li> 
       <li> 
        <h2><span>խորհրդակցություն</span></h2> 
        <div> 
         <h3>This is Slide Five.</h3> 
         <p><Div class="cont"> 
        <form id="site-contact-form" method="post" action="/index.php"> 
        <div> 
         <div class="wrapper"><span>Ваше имя:</span> 
         <div class="bg"> 
          <div> 
          <input type="text" class="input" name="contactname" id="contactname" value="" class="required"/s> 
          </div> 
         </div> 
         </div> 
         <div class="wrapper"><span>Ваш E-mail:</span> 
         <div class="bg"> 
          <div> 
          <input type="text" class="input" name="email" id="email" value="" class="required"/> 
          </div> 
         </div> 
         </div> 
         <div class="textarea_box"><span>Ваш вопрос:</span> 
         <div class="bg"> 
          <div> 
          <textarea cols="1" rows="1" name="message" id="message"></textarea> 
          </div> 
         </div> 
         </div> 
         <div style="clear:both;"></div> 
         <input type="submit" value="Отправить вопрос" name="submit" /> </div> 
        </form> 

         </p> 
        </div> 
       </li> 
      </ol> 
     </div> 

</div> 

Все отлично работает здесь. Но я пытаюсь добавить некоторые дополнения, и это не сработает.

Answer 1

плагин перезаписать обивка-слева от $ ('DIV') в $ ('слайд')

попробовать добавить дочерний элемент DIV внутри .liteAccordion .slide > div и установить отступы дочернего Div в ,