CSS3 Vertical ellipsis

HTML

<header>
<h1>Pure CSS / CSS3 Navigation Menu:</h1>
</header>
<nav>
	<ul>
		<li><a href="#">Home</a></li>
		<li><a href="#">Feedback</a>
			<ul>
				<li><a href="#">Level 1</a>
                    <ul>
                        <li><a href="#">Level 2</a>
                            <ul>
                                <li><a href="#">Level 3</a></li>
                                <li><a href="#">Level 3</a></li>
                                <li><a href="#">Level 3</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Level 2</a></li>
                        <li><a href="#">Level 2</a></li>
                    </ul>
                </li>
				<li><a href="#">Level 1</a></li>
                <li><a href="#">Level 1</a></li>
			</ul>
		</li>
		<li><a href="#">About Us</a></li>
		<li><a href="#">Contact US</a></li>
	</ul>
    
    <span class="searchpannel"> <select>
            <option>Device</option>
             <option>Desktop</option>
        </select>
        <input type="text" name="search" />
        <button type="submit" > Search</button>
    </span>
</nav>

CSS

@font-face {
    font-family:'Yanone Kaffeesatz';
    font-style: normal;
    font-weight: 400;
    src: local('Yanone Kaffeesatz Regular'), local('YanoneKaffeesatz-Regular'), url(https://themes.googleusercontent.com/static/fonts/yanonekaffeesatz/v5/YDAoLskQQ5MOAgvHUQCcLRTHiN2BPBirwIkMLKUspj4.woff) format('woff');
}
@font-face {
    font-family:'Tangerine';
    font-style: normal;
    font-weight: 400;
    src: local('Tangerine'), url(http://themes.googleusercontent.com/static/fonts/tangerine/v4/HGfsyCL5WASpHOFnouG-RD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
body {
    font-family:'Yanone Kaffeesatz';
}

nav ul ul {
	display: none;
}

nav ul li:hover > ul {
    display: block;
}

nav ul {
	background: #efefef; 
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	padding: 0 20px;
	border-radius: 10px;  
	list-style: none;
	position: relative;
	display: inline-table;
}

nav ul li {
	float: left;
}
nav ul li:hover {
    background: #4b545f;
    background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
    background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
    background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
}
nav ul li:hover a {
    color: #fff;
}

nav ul li a {
    display: block;
    padding: 25px 40px;
    color: #757575;
    text-decoration: none;
}

nav ul ul {
	background: #5f6975;
    border-radius: 0px;
    padding: 0;
	position: absolute;
    top: 100%;
}
nav ul ul li {
    float: none; 
    border-top: 1px solid #6b727c;
    border-bottom: 1px solid #575f6a;
    position: relative;
}
nav ul ul li a {
    padding: 15px 40px;
    color: #fff;
}	
nav ul ul li a:hover {
    background: #4b545f;
}

nav ul ul ul {
	position: absolute;
    left: 100%;
    top:0;
}

.searchpannel {
    display: block;
    clear: both;
   ...