I am trying to do a very simple tab setup on my site, but

Question

0

Asked: May 27, 20262026-05-27T23:42:48+00:00 2026-05-27T23:42:48+00:00

I am trying to do a very simple tab setup on my site, but

0

I am trying to do a very simple tab setup on my site, but I’m having some problems because of the margin/padding pixel differences between firefox & chrome. Here is a jsfiddle link to what I’m talking about: http://jsfiddle.net/xqhf6/3/

Here’s what it looks like in chrome:
chrome

Here’s what it looks like in firefox:
firefox

Basically, here’s the setup I have:

.mydiv { … } : each box is a mydiv that has a padding of 6px and a
1px borders on left, right & top.
.header { … } : contains the two
divs with borders at the top and has a bottom border
.subheader { …
} : sits underneath the header (contains other stuff on the right
that is irrelevant).

I have tried to set a color for the subheader, tried to increase its z-index to be greater than that of the header and yet nothing works. I just want the little dangling borders to go away.

Help would be greatly appreciated, thanks Stack Overflow!

UPDATE Here is a jsfiddle link to what I’m talking about: http://jsfiddle.net/xqhf6/3/
UPDATE 2 In trying some of the options, it looks like my best bet is try and figure out a way to use the subheader to somehow mask the dangling borders. Not able to do that (as I mentioned, nothing works when I play around with z-index/subheader opacity & color)

Ringo