Ens design i forskellige browsere - Menu problem
Hej alle sammen. Jeg er ny inden for "css-verdenen". Jeg er igang med at lave et lille design, men så får jeg problemer med menuen. Den ser ikke ens ud på alle sider. http://t.ag-s.dk/css/ . Jeg vil gerne have det sådan, at når man holder musen over et punkt, så går kommer der baggrundsfarve på som går helt ned til den sorte streg, og helt op. Men som sagt har jeg lidt problemer med at få det til at vises i alle browsere. Jeg ved jeg sikkert har lavet en eller anden dum fejl. ;) Kilde-koden fra siden:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>AG-Solutions CMS - Admin</title>
<style type="text/css">
body {
margin: 0;
font: 12px Verdana, Arial, Helvetica, sans-serif;
}
#top {
background: #d2d0c6;
height: 100px;
}
#menu {
background: #e7e7e7;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
}
#menuleft {
float: left;
}
#menuright {
text-align: right;
}
#menuleft, #menuright {
padding: 10px;
}
#menu a {
text-decoration: none;
color: #000000;
padding: 10px;
}
#menu a:hover {
color: #ffffff;
background: #d2d0c6;
}
#menu img {
vertical-align: middle;
border: 0px;
}
#content {
clear: both;
background: orange;
}
#side {
background: blue;
}
</style>
</head>
<body>
<div id="top">
AG-Solutions
</div>
<div id="menu">
<div id="menuleft">
<a href="?page=sites/index"><img src="images/sites.png"> Sider</a> |
<a href="?page=ban/index"><img src="images/ban.png"> Ban</a> |
<a href="?page=admins/index"><img src="images/admins.png"> Admins</a> |
<a href="?page=statistics/index"><img src="images/statistics.png"> Statistikker</a> |
<a href="http://www.cmsguide.ag-s.dk" target="_blank"><img src="images/guide.png"> Guide</a> |
<a href="?page=logout"><img src="images/logout.png"> Log ud</a>
</div>
<div id="menuright">
<a href="?page=logout"><img src="images/view.png"> Vis hjemmesiden</a>
</div>
</div>
<div id="content">
Content
</div>
<div id="side">
Side
</div>
</body>
</html>
Håber virkelig I kan hjælpe mig!
