Im making template for wordpress and I can’t solve this problem:

I have my style for navigations:

<style>
body {
 background: #FFFBD0;
}
/* Navigation */
ul {
 list-style-type:none;
 margin:0;
 padding:0;
}
.menu-item
{
 padding: 22px 20px 22px 20px;
 background:url('images/button_brown.png') no-repeat;
 display:inline;
}
a {
 color: #FFFBD0;
 text-decoration:none;
}
</style>

and my navigations:

<div class="div-menu">
<ul id="menu" class="menu">
    <li class="menu-item"><a href="">Home</a></li> 
    <li class="menu-item"><a href="">Button 2</a></li>
    <li class="menu-item"><a href="">Button 3</a></li>
</ul>
</div>

now Im trying to style buttons like that:

http://tinypic.com/r/2lmxb42/8

Read more here: CSS Navigation image background


Solution:

If you know the solution of this issue, please leave us a reply in Comment section, to update the question.

Related Wordpress search:

, , ,

Wordpress related questions and answers: