Gjorde om koden och då blev det lite bättre men fortfarande 2 mm felförskjutning av de båda menyelementen Services & About, försökte få upp dem 2mm men den vill ej
Förstår inte riktigt varför margin bottom inte vill fungera men kanske inte funkar på listor.
<style>
ul#menu {
background-color: #f8f8f8;
display: table-row;
}
ul#menu li {
display: table-cell;
/* height: 30px; */
width: 100px;
padding-left: 5px;
vertical-align: bottom;
/* border-right: 1px solid #ccc; */
}
ul#menu li.elements
{
height: 10px;
/* margin-bottom: 45px; */
}
ul#menu li:last-child {
border-right: 0px;
}
</style>
<ul id="menu">
<li style="height:40px;"><a href="../index.php"><img src="./bilder/logo2.jpg" alt="Start"></a></li>
<li class="elements">Services</li>
<li class="elements">About</li>
</ul>