Silurius I had a bit of tiempo so I gave it a go and found that its working ok...
It might be a conflict with other CSS file or something else... Im
on why its doing that,,, it has 2 B an other CSS file causing that...
Non vBulletin Html code below
HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Css Buttons</title>
<style type="text/css">
.custom_buttons {
display:block;
width:130px;
}
.custom_buttons_content {
background:#9D6B84;
width:130px;
}
.custom_buttons * {
display:block;
height:1px;
overflow:hidden;
background:#AD7691;
}
.custom_buttons1 {
border-right:1px solid #BB7798;
border-left:1px solid #BB7798;
padding-right:1px;
padding-left:1px;
margin-right:3px;
margin-left:3px;
background:#fde2b4;
}
.custom_buttons2 {
border-right:1px solid #BA97A9;
border-left:1px solid #BA97A9;
background:#D8C3CE;
margin:0 1px;
padding:0 1px;
}
.custom_buttons3 {
border-right:1px solid #D8C3CE;
border-left:1px solid #D8C3CE;
margin:0 1px;
}
.custom_buttons4 {
border-right:1px solid #BB7798;
border-left:1px solid #BB7798;
}
.custom_buttons5 {
border-right:1px solid #BA97A9;
border-left:1px solid #BA97A9;
}
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin-bottom:3px">
<tr valign="bottom">
<!-- START: Custom Post Reply Button -->
<td class="smallfont2">
<div>
<b class="custom_buttons">
<b class="custom_buttons1"><b></b></b>
<b class="custom_buttons2"><b></b></b>
<b class="custom_buttons3"></b>
<b class="custom_buttons4"></b>
<b class="custom_buttons5"></b></b> <div align="center" class="custom_buttons_content">
<a href="newreply.php?do=newreply&noquote=1&p=14" rel="nofollow"><strong>Post Reply</strong> </a>
</div>
<b class="custom_buttons">
<b class="custom_buttons5"></b>
<b class="custom_buttons4"></b>
<b class="custom_buttons3"></b>
<b class="custom_buttons2"><b></b></b>
<b class="custom_buttons1"><b></b></b></b> </div>
<!-- END: Custom Post Reply Button --> </td>
</tr>
</table>
<p> </p>
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin-bottom:3px">
<tr valign="bottom">
<!-- START: Custom Post Reply Button -->
<td class="smallfont2">
<div>
<b class="custom_buttons">
<b class="custom_buttons1"><b></b></b>
<b class="custom_buttons2"><b></b></b>
<b class="custom_buttons3"></b>
<b class="custom_buttons4"></b>
<b class="custom_buttons5"></b></b> <div align="center" class="custom_buttons_content">
<a href="newreply.php?do=newreply&noquote=1&p=14" rel="nofollow"><strong>Nice Button</strong> </a>
</div>
<b class="custom_buttons">
<b class="custom_buttons5"></b>
<b class="custom_buttons4"></b>
<b class="custom_buttons3"></b>
<b class="custom_buttons2"><b></b></b>
<b class="custom_buttons1"><b></b></b></b> </div>
<!-- END: Custom Post Reply Button --> </td>
</tr>
</table>
<p> </p>
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin-bottom:3px">
<tr valign="bottom">
<!-- START: Custom Post Reply Button -->
<td class="smallfont2">
<div>
<b class="custom_buttons">
<b class="custom_buttons1"><b></b></b>
<b class="custom_buttons2"><b></b></b>
<b class="custom_buttons3"></b>
<b class="custom_buttons4"></b>
<b class="custom_buttons5"></b></b> <div align="center" class="custom_buttons_content">
<a href="newreply.php?do=newreply&noquote=1&p=14" rel="nofollow"><strong>CSS Rocks</strong> </a>
</div>
<b class="custom_buttons">
<b class="custom_buttons5"></b>
<b class="custom_buttons4"></b>
<b class="custom_buttons3"></b>
<b class="custom_buttons2"><b></b></b>
<b class="custom_buttons1"><b></b></b></b> </div>
<!-- END: Custom Post Reply Button --> </td>
</tr>
</table>
<p> </p>
<p><strong>Button is showing ok here,,, It might be an issue with vbulletin css code taking over and rejecting your css button code... </strong></p>
</body>
</html>