Web Design / Discuss

d.hummelen [deleted] says:

I'm trying to create this menu…

But I'm alway's anding up with this menu…

I'm realy frustrated becous i can't get it to work the way i want. Please some help with or good directions. Here's the css:
#header {
margin: 0px;
height: 70px;
background-color: #FFF;
width: 430px;
float: right;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 0px;
}
#header ul {
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
color: #aa113f;
}
#header ul li {
display: inline;
}
#header ul li a {
float: left;
height: 38px;
width: 75px;
color: #aa113f;
border: 1px solid #aa113f;
padding: 15px;
font-size: 1.1em;
font-weight: normal;
text-align: center;
}
#header ul li a:hover {
color: #a19160;
border-color: #a19160;
}
#header ul li h4 {
font-size: 0.8em;
background-color: #aa113f;
color: #FFF;
font-weight: normal;
width: 107px;
margin: 0px;
float: left;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
text-align: center;
position: absolute;
display: inline;
overflow: visible;
}
#header ul li p {
font-size: 0.5em;
text-align: center;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
float: right;
display: inline;
width: 105px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
position: absolute;
margin-top: 23px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 9px;
padding-right: 0px;
padding-bottom: 9px;
padding-left: 0px;
clear: none;
}
#header ul li p a {
margin: 0px;
padding: 0px;
height: 0px;
width: 0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
clear: none;
float: none;
}
Posted at 1:27PM, 28 January 2009 PDT (permalink)