I have used this css, but the border line is still displayed over the TOC.
#toc { float: right; z-index: 10; } h2 { border-bottom: 1px solid; z-index: -1; }
See here
I have used this css, but the border line is still displayed over the TOC.
#toc { float: right; z-index: 10; } h2 { border-bottom: 1px solid; z-index: -1; }
See here
The problem is the toc doesn't have a background, so it displays what's behind it. Set a background color and it will work.
I think you are referring to the line of h2 right ? There is a simple solution to that, used by MediaWiki skins. You set:
h1, h2, h3, h4, h5, h6 {
overflow:hidden;
}
This makes sure that the header begins a new "block formatting context" and suddenly it's border won't overlap with other content any longer.