Klar TS!
resultat: http://imageshack.us/f/571/visap.jpg/ (håller över den som är grön)
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Arguti Management</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="container">
<div id="header">
<div id="pic">
</div>
</div>
<div id="left_menu">
<ul>
<li><a href="#">Om mig</a></li>
<li><a href="#">Aktuellt</a></li>
<li><a href="#">Tjänster</a></li>
<li><a href="#">Referenser</a></li>
<li><a href="#">Kontakt</a></li>
</ul>
</div>
</div>
</body>
</html>
CSS:
body {
background-image:url(metalicbackground.jpg);
background-repeat:repeat;
}
#container {
background-color:#FFF;
margin:0 auto;
height:850px;
width:750px;
border-top-left-radius: 50px 50px;
border-bottom-right-radius: 50px 50px;
border-top-right-radius: 50px 50px;
border-bottom-left-radius: 50px 50px;
-moz-border-radius-topleft: 50px 50px;
-moz-border-radius-topright: 50px 50px;
-moz-border-radius-bottomright: 50px 50px;
}
#header {
height: 130px;
width: 750px;
text-align: center;
padding-top: 20px;
background-color: #33BD24;
left: 0px;
top: 0px;
border-top-left-radius: 50px 50px;
border-top-right-radius: 50px 50px;
-moz-border-radius-topleft: 50px 50px;
-moz-border-radius-topright: 50px 50px;
}
#pic {
background-image:url(argutimanagement2.png);
width:250px;
height:115px;
margin:0 auto;
}
#left_menu {
height: 700px;
width: 250px;
float: left;
border-bottom-left-radius: 50px 50px;
border-right-style: solid;
border-bottom-style: none;
border-right-color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
box-shadow: 2px 2px 3px #000;
-webkit-box-shadow: 2px 2px 3px #000;
}
#left_menu ul {
margin:0;
padding:0;
}
#left_menu ul li {
text-align: center;
list-style:none;
border-bottom:1px solid;
background-color:#FFF;
}
#left_menu ul li:hover {
background-color:#33d533;
}
#left_menu ul li a {
color:#000;
text-decoration:none;
font-size:18px;
font-weight:normal;
}