Float Problem In Chrome And Ff

[datoshway]

Seems to be working just fine in Safari but in Chrome and Firefox i'm getting the attached results. Below is my code along with css. Looking for some help. Thanks!

 

 

.item { width: 286px;
margin: 0 0 30px 20px;
float: left; height: 250px;
line-height:340px;
text-align:center;
border:1px solid #000; }

.item img {
opacity:0;
vertical-align: middle;
}

 

 

 <div class="item">
<img src="_images/_content/logos/<?php echo $intID; ?>/<?php echo $strFilename; ?>" >
</div>

[datoshway]

Here is the attachement