Firefox meets <table>

[edo494]

I am making a website with Bootstrap and JQuery, and it seems that in Firefox renders some tables quite weirdly, and I mean it even says that the border-width is 1 px, but when I took screenshot and went to ms-paint, it was clearly 2 pixels wide, and it is quite noticable. This happens to random tables.

This didnt happen in chrome, do you have any idea if this is browser-specific issue?

Also, the borders render differently in that in firefox my table has border on the whole right side, while in chrome the first row is missing it, and the last <td> of the first row in the table is specified to have class='no-padding no-border' and they are declared as

.no-padding{
	padding: 1px;
}

td.no-border.no-padding{
	padding: 2.5px;
	border: none;
}

So I wonder, is this Firefox glitch? or is this some kind of special behaviour? And any way to fix it(I know how to add the border to the last <td>, dont worry)

Edit, proof, pictures!!

Chrome:

Firefox:

As you can clearly see, the second one has certain borders doubled. And the border that didnt disappear even tho I said no borders is the right from the chains. I fixed that

 

[GhostWolf]

Give a test page. Also share images properly (hint: 403).

 

[edo494]

Didnt know images would 403

http://jsfiddle.net/a8wyzLqj/ the middle as well as left border are 2 pixels white, even tho there is no real reason for that, because even if you inspect the website, it will say 1 pixel border. If you remove the div as well as both pre's, the middle line will go to 1 pixel, but the left line stays "bold"

 

[edo494]

technically confirmed firefox bug, nothing I can do with this. I guess this is solved