category description problem (HTML CUSTOM PAGE)

Hello guys!
I have problem with html code on my custom web page...the problem is description.
When I post seccond category on the same page , description from the seccond go to the first (ahhhh sorry for my bad english , I cant explain myself correctly...lets show you with image)


And this is the code (2 items only)

Code:

<!-- item X -->
<h3 class="title"><b>Bartender 4</b></h3>
<li class="product first-column" data-id="item1">
  <div class="webstore-clear">
      <div class="webstore-clear">
          <img class="left thumb" src="https://lh6.googleusercontent.com/-4Ek38BG_ZAQahqI3Wm0OEBjBdIlY9gJnbuDeL1yX1C4y5WYHX-vZTl6Mzmj7gscudNuZFUNlg1Csuo=w1366-h662">
          <div class="right">
              <p class="description">
                  Probably the most solid Action Bar replacement for TBC. Completely movable, resizable and with it's own hotkeys separate from the Blizzard Action Bars.
              </p>
          </div>
      </div>
      <div class="right">
          <span class="left price"><b>Action Bars</b></span>
          <button class="left purchase" type="button"><span>Download</span></button>
      </div>
  </div>
</li>
<!-- item X ends -->








<!-- item X -->
<h3 class="title"><b>Bongos</b></h3>
<li class="product first-column" data-id="item2">
  <div class="webstore-clear">
      <div class="webstore-clear">
          <img class="left thumb" src="https://lh5.googleusercontent.com/_cLYZmU1gobRHk2xfHa63SC4hKPVyyXnsmD2msOC2pIb4sErlsY5F0gMSjxwsIg-m3eQS8gqa1gBHWs=w1366-h662">
          <div class="right">
                  <p class="description">
                  Action Bars that boast low memory usage as well as an easy setup.
              </p>
          </div>
      </div>
      <div class="right">
          <span class="left price"><b>Action Bars</b></span>
          <button class="left purchase" type="button"><span>Download</span></button>
      </div>
  </div>
</li>
<!-- item X ends -->