Need Coding Help

[.Abhishek]

See this image http://i40.tinypic.com/2jfdh74.jpg

I am trying to make a navigation bar for my new phpbb theme which is almost done. I want to make that white background image behind Home button which gets darker on hover.

So first thing:
How do i get that white curvy background image behind Home button?

And secondly:
How do i make that darker on hover?

I have created those images on photoshop, just need to code them.

 

[Jake]

To make a change on hover in CSS, you need to use a psuedo class of the DOM object you want to change, so if it's a link (in this case), then the general code you'll want is:

a, a:visited {
  code/definition for regular and visited links
}

a:hover, a:active {
  code/definition for hover and clicked on links
}

 

[.Abhishek]

I also want that white curves around the link. How do i make a 3-part hover background? So that hover can work on link of any width.

 

[Zerum]

Use something like this:

a
{
    background: #ededed;
    border: 1px solid #AAAAAA;
    border-radius: 4px;
    box-shadow: 0 0 0 2px #FFFFFF;
    padding: 5px 23px;
}

a:hover
{
    background: #bdbdbd;
}

 

[Jake]

I got totally lost as to what he wanted, so thanks Zerum.