Border-collapse hiding a part of table border

SolidSnakeUK

New Member
I am wondering with this property. I used \[code\]border-collapse: collapse;\[/code\] for my table border. then some of part of the table border is disappeared. what is the reason for that?
SPrHI.jpg
html code:\[code\]<div id="PriceBar"> <table class="PriceTab"> <thead> <tr><th class="first"> </th><th>2</th><th>3</th><th>4</th></tr> </thead> <tbody> <tr><td class="first">a</td><td>s</td><td>d</td><td>f</td></tr> <tr><td class="first">z</td><td>x</td><td>c</td><td>v</td></tr> </tbody> </table></div>\[/code\]css code:\[code\]#PriceBar{ width: 984px; margin: auto; height:320px; border: 2px solid #ccc; box-shadow: 5px 5px 5px #888888; -webkit-border-radius:15px; -mox-border-radius:15px; border-radius:15px; }#PriceBar table.PriceTab{ width: 98%; border-collapse: collapse; border: 2px solid green;}\[/code\]Thank you!
 
Back
Top