[SOLVED] Side Border over Bottom Border

[Hartley]

I have a problem, a sort of odd one. I'm working on the CSS for the forum listing on a page, and have a very tiny problem (1x1 pixel, in fact!) with borders overlapping. Check the following link, the problem is in the Firefox Browser:

 

http://www.castbuzz.com/forumtest/index.html

 

I want the dark bottom border to take precedence over the subtle side border, but the side border is the one that's going through the bottom border! How could I resolve this problem so that the bottom dark border will be the solid one all the time? Thanks in advance!

[Cosizzle]

Its within your 'Community Commins' right? I tried to find the actual style but gave up... Did you try setting a z-index to the style?

 

btw. Nice Design!

 

 

 

[Hartley]

Took a screen shot and highlighted the areas here:

 

http://www.castbuzz.com/images/problemarea.jpg

 

And thank you very much!

[Cosizzle]

I think its the way CSS defaults. Top Left Bottom Right.

 

Using Firebug, I got the lines to go above your 'Border-Left' using Border-Top in replacement of Border-Bottom

 

I'm not sure if this is the solution your looking for... might take some reworking but hopefully thats it

[ToonMariner]

this is how the browser renders your commands - sorry but not that much you can do with out adding extra html containers to put bottom borders on them.

[Hartley]

In that case I just added an extra 1px high row to use instead: does the trick, just a bit more code. Thanks for the feedback!