Danke, es funktioniert jetzt!
Habe aber ein neues Problem.
Wollte eine Hover-Grafik einfügen, jedooch verschiebt sich beim hover die Navigation.
Code:
* { margin: 0px; padding: 0px; }
body {
background: url(images/bg.png) repeat-x;
}
#main-container {
background: url(images/main_bg.png) repeat-x;
width: 1250px;
height: 1100px;
margin: 0 auto;
}
#header {
position: relative;
height: 78px;
}
#header img, #header .navigation {
position: absolute;
}
#header .logoimg {
top: 60px;
}
#header .navigation {
top: 57px;
}
#header ul.navigation {
background: url(images/navi_bg.png) no-repeat;
height: 66px;
left: 433px;
right: 133px;
list-style-type: none;
overflow: hidden;
}
#header ul.navigation li {
display: block;
float: left;
}
#header ul.navigation li a {
display: block;
margin-left: 64px;
margin-top: 25px;
margin-bottom: 25px;
margin-right: 29px;
}
ul.navigation li a:hover {
background: url(images/hover.png) no-repeat;
height: 40px;
width: 91px;
padding-top: 9px;
padding-left: 29px;
}
Ich hoffe ihr verzeiht mir mein fehlendes Wissen :P