Edit in JSFiddle

header {
    border:1px solid red;
    width:150px;
}
h1 {
    overflow:hidden;
    white-space:nowrap;
    -ms-text-overflow:ellipsis;
    text-overflow:ellipsis;
    width:150px;
    height:1.2em;
}
h1:hover {
    overflow:visible;
}