왜 두 개의 상자가 보입니까?

Question

이 코드를 가지고 : http://jsfiddle.net/B7usj/

"12 szt.", "6 szt."위로 마우스를 움직일 때 정보가 들어있는 상자가 하나만 있어야합니다. 또는 "zobacz szczegóły"이지만 두 개의 상자가 있습니다. 왜 그런지 모르겠습니다.

CSS :

당신은 아마 이런 것들에 대한 ID와 클래스를 사용하여 시도해야 모든 a href="index.html">Zobacz szczegóły</a> >

먼저 들어있는 DIV 내부에 별도의 사업부를 가지고 있기 때문이다

#sztuki { 
    width: 100%; 
    height: auto; 
    min-height: 16px; 
    position: relative; 
    float: left; 
    margin-left: 5%; 
    margin-right: 5%; 
    bottom: 116px; 
} 

Answer 1

.

<div><a href="index.html">Zobacz szczegóły</a> > 

       <div> 
        6 szt. 
        <span> 
        Donec consectet 
        <span> 
         Guad sed sem auris non turpis 
        </span> 
        </span> 
         </div> 

      </div> 

그것은 하나 개의 상자가 나타해야하지만 스팬는 텍스트를 시각적 결함이 표시됩니다

가 엉망이기 때문에 코드에 많은 시간을 소비하지 않고,이를 사용부터 해결하려고합니다.