Hello !!
I added red line when mouse cursor refer to word on menu and also fix menu on left side. Try this.
<!doctype html>
<html
<head>
<title> safwa for decore </title>
<style>
body
{
margin:0px;
}
ul
{
margin:0px;
padding: 5px;;
list-style: none;
background: #f2f2f2;
}
ul li
{
display: inline-block;
position: relative;
line-height: 21px;
text-align: left;
}
ul li a
{
display: block;
padding: 8px 25px;
color: #333;
float: left;
padding:5px 0;
color:#fff;
margin:0 10px;
font-family:arial;
}
ul li a:hover
{
color: #fff;
background: #939393;
text-decoration: overline;
text-decoration-color: red;
}
ul li ul.dropdown
{
min-width: 100%;
background: #f2f2f2;
display: none;
position: absolute;
z-index: 999;
left: 0;
}
ul li:hover ul.dropdown
{
display: block;
}
ul li ul.dropdown li{
display: block;
}
</style>
</head>
<body>
<img src="alsafwa-logo.png" alt ="logo" width="300px" heigh="200px" style="float:right"/>
<ul>
<li><a href = "#">الرئيسيه </a> </li>
<li><a href = "#">من نحن </a> </li>
<li><a href ="#"> خدماتنا </a> </li>
<li><a href ="#"> اعمالنا </a> </li>
<li><a href ="#"> اخر الاخبار </a> </li>
<li><a href ="#"> اتصل بنا </a> </li>
</ul>
</body>
</html>