Danke für den Hinweis ^^, ich habe meine Datei nun so modifiziert aber das Verhalten ist noch merkwürdig:
<html>
<head>
<title>Test</title>
<style type="text/css">
#services {
position: relative;
background-color: #00ffff;
margin-left: 0px;
height:140px;
padding:10px;
font-family: Courier, Monaco, Monospace;
text-align:middle;
border-style: solid;
border-color: #ff0000;
}
.floatleft
{
float: left;
width: 100px;
height: 140px;
background-color: #F63;
border: 1px solid #F30;
margin:10%;
}
</style>
</head>
<body>
<div id="services">
<div id="serv1" class="floatleft">Service 1</div>
<div id="serv2" class="floatleft">Service 2</div>
<div id="serv3" class="floatleft">Service 3</div>
<div id="serv4" class="floatleft">Service 4</div>
<div id="serv5" class="floatleft">Service 5</div>
</div>
</body>
</html>