[dflies]

Im trying to "do" menu.. I've got this far:

Code:

div#header {
  background: url('layout/menuup.png') no-repeat  top center #E94E2F;
  width: 150px;
  text-align: left;
  color: #f55840;
  float: right;
}

But im trying to do it like this

The menuup.png in that code, is this.. But that way i got there, that i only need this,
the down part of the image.

Anyway i can do that?

[rid]

try this:

CSS:

.menu-title {
background: url(upmenu.png) #ef4d29 no-repeat;
background-position: top center;
width: 150px;
height: 25px;
text-align: center;
}

.menu-content {
background: url(downmenu.png) #ef4d29 no-repeat;
background-position: bottom center;
width: 150px;
text-align: left;
padding: 5px;
}

html:

<div class="menu-title">Navigation
<div class="menu-content">
Home<br/>
About<br/>
Gallery<br/>
Contact<br/>
</div>

[dflies]

Thanks, it worked