css - divs not working correctly -

this problem little weird (as need way, since din't find way).

i have 3 divs inside "big div".

the main div called:

<div class="produtos-item"> 

and inside div have 3 divs

<div class="item"> 

so need?

imagine store (e-commerce). have 3 products (item).

product-1 product-2 product-3 ------------------------------ line product-4 product-5 product-6 

i need insert line between divs. if set div .item no height break layout. see screenshot.

as can see, black circle product. since there no fixed height , can't set (because title can bigger), break layout. if can "call" main div (produtos-item), can fix thing.

do know solution? :(

jsfiddle: http://jsfiddle.net/wrgba/ [edited may, 10]

try putting display:inline-block; on them (zoom:1;*display:inline; ie6, ie7 compatibility)

also, jsfiddle couldn't hurt!

using @shebo's example above:

not working example: jsfiddle

working example: jsfiddle