Basically you have added more clutter in your code which is creating more confusion so first I try to remove clutter which hinders understanding the real issue. First of all we have to establish that what’s the real question? Its that why “inline-block” element is pushed downward. Now we start to understand it and remove … Read more
Sadly IE6 doesn’t so you have to use an expression for IE6, then set the max-height for all other browsers: div{ _height: expression( this.scrollHeight > 332 ? “333px” : “auto” ); /* sets max-height for IE6 */ max-height: 333px; /* sets max-height value for all standards-compliant browsers */ overflow:scroll; } Overflow:auto would most likely work … Read more
I asked about this on the mailing list on your behalf; the thread can be found here. In summary, this has to do with scrolling content for the most part: Fundamentally, because if the spec didn’t say this, then having floats intersect with something that’s scrollable would require the browser to rewrap (around intruding floats) … Read more
Basically you have added more clutter in your code which is creating more confusion so first I try to remove clutter which hinders understanding the real issue. First of all we have to establish that what’s the real question? Its that why “inline-block” element is pushed downward. Now we start to understand it and remove … Read more
text-overflow:ellipsis; only works when the following are true: The element’s width must be constrained in px (pixels). Width in % (percentage) won’t work. The element must have overflow:hidden and white-space:nowrap set. The reason you’re having problems here is because the width of your a element isn’t constrained. You do have a width setting, but because … Read more