Sizce ne yapayım? Menülerin uzunluklarını arttırayım mı?

<div>
			<nav class="menu">
				<ul>
					<li><a>Anasayfa</a></li>
					<li><a href="/xxx/forum/forum.php">Forum</a>
					<ul>
						<li><a href="/xxx/forum/asp.php">Asp</a></li>
						<li><a href="/xxx/forum/python.php">Python</a></li>
						<li><a href="/xxx/forum/php.php">Php</a></li>
						<li><a href="/xxx/forum/java.php">Java</a></li>
						<li><a href="/xxx/forum/cc.php">C++</a></li>
						<li><a href="/xxx/forum/ccc.php">C#</a></li>
						<li><a href="/xxx/forum/javascript.php">Javascript</a></li>
						<li><a href="/xxx/forum/html.php">Html</a></li>
						<li><a href="/xxx/forum/css.php">Css</a></li>
						<li><a href="/xxx/forum/veritabani.php">Veritabanı</a></li>
					</ul>
					</li>
					<li><a>Testler</a></li>
					<li><a>Hakkımızda</a></li>
					<li><a>Anket</a></li>
					<li><a>İletişim</a></li>
				</ul>
			</nav>
		</div>

.menu ul{

		list-style: none;
		margin: 0;
		padding: 0;

	}

	.menu li{

		float: left;
		position: relative;
		width: 120px;

	}

	.menu ul li ul{

		display: none;

	}

	.menu ul li:hover ul{

		display: block;

	}

	.menu ul li a{

		text-decoration: none;
		background: #333;
		display: block;
		color: white;
		font-weight: bold;
		font-family: sans-serif;
		text-align: center;
		border-bottom: 2px solid red;
		border-left: 1px solid #595959;
		padding: 5px;

	}

	.menu ul li ul li a{

		background: #595959;
		text-align: left;
		padding: 5px;
		border-bottom: 1px solid #333;
		font-size: .8em;

	}

	.menu li a:hover{

		background: rgb(248, 140, 0);
		transition: .5s;

	}

	.menu ul li ul li a:hover{

		padding-left: 15px;

	}

	.menu{

		position: absolute;
		top: 125px;
		left: 10px;

	}