white-space, text-overflow и overflow на 2 строки - Вопросы по CSS

overflow: hidden;
text-overflow: ellpsis;
white-space: nowrap;
float: left;
width: 110px;

Текст который не помести...

Текст поместился!
Все таки не помес...

<div class="width4 first-item">
<div class="teaser-item">

	
<div class="pos-media media-left">
	 
	<a href="/index.php/music/item/hurry-up-we-re-dreaming.html" title="Hurry Up, We're Dreaming."><img src="http://musicnomore.com/cache/com_zoo/images/HurryUp2CWe27reDreaming. 1_00432c3a15ff70c1e903851efddba797.jpg" title="Hurry Up, We're Dreaming." alt="Hurry Up, We're Dreaming." width="125" height="125"></a>
 </div>


<div class="pos-teaser-album-title">
	 <a title="Hurry Up, We're Dreaming." href="/index.php/music/item/hurry-up-we-re-dreaming.html">Hurry Up, We're Dreaming.</a> </div>

<div class="pos-teaser-artist-name">
	 <a href="/index.php/music/category/m83.html">M83</a> </div>




</div></div>

#yoo-zoo .pos-teaser-album-title, .pos-teaser-artist-name div {
	display: block;
	height: 35px;
	white-space: pre-line;
}

<div class="mess">
<span>Отображается на две строки, но пропало многоточие</span>
</div>

.mess span:after {
    content:"...";
    display:inline-block;
    position:absolute;
}
.mess span {
    display:block;
    height:auto;
    position:relative;
    width:100px;
}