I love the new responsive themes - but am having problems with one of them - canvas. The theme comes with png files for three buttons - regular, selected, and hover. However, the nav section of the code (also included with the theme) has the line for the button as
/* border: none;
background: url(../images/button_reg.png);
background-size: contain;*/

So when I delete the "/*" and the */", the buttons on the preview are a mess. Help!

Can you share a link?

No - my site is not live yet. But I can attach a screen shot. The nav code (I have dinked with it a bit) is

nav ul {
clear: left;
list-style: none;
width: 100%; /* 960/960 */
height: 60px;
margin-left: 1%; /* 10/960 */
padding-top: 160px;
padding-bottom: 0px;
text-align: left;
border: none;
}

nav ul li {
display: inline;
margin: 0 0.208333333333% 0 0; /* 2/960 */
border: none;
}

nav ul li a {
color: #fff;
font-size: 1em;
font-weight: bolder;
text-align: center;
letter-spacing: 0.1em;
padding: 12px;
width: 20.5%; /* 226/960 */
display: inline-block;
text-transform: uppercase;
background-color: #78C9F7;
border: none;
background: url(../images/button_reg.png);
}