Issue: Difficulty with displaying inline-block in different browsers
<div class="cell">
<div><img src="images/dftg.jpg" /></div>
<p>Sean val</p>
</div>
The challenge arises when inputting a longer name in the paragraph above, causing layout inconsistencies in firefox and ie. The cell div shifts upwards in these browsers, resulting in an erratic appearance.
.cell {
display: inline-block;
display:-moz-inline-stack;
border: 3px solid #ff0000;
padding: 7px;
height: 170px;
zoom: 1;
*display: inline;
_height: 170px;
}
.cell p {
padding: 10px 25px;
width: 150px;
}