Tabcontent problem please help

[ParadiseMan]

1) Script Title: Tab Content Script (v 2.0)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm

3) Describe problem: When running my web page http://www.creatingourparadise.com/mind.php when using Netscape and FireFox, the tabs on the interface look just right. But on Internet Explorer, the second to the last tab overflows to the next tab line. Why does it do that? Is there something different I have to do to for Internet Explorer? All help is appreciated.

[ParadiseMan]

I've solved the problem. All I had to do was replace the string of &nbsp's with a simple page break <br />. What I need to know now is how to lower the second line of tabs so the tabs don't overlap each other. Again any help is appreciated.

[ddadmin]

There are various ways to get any second line tabs to appear correctly using CSS, so you may need to experiment a bit. But one way I tried that works is this:


<a href="#" rel="tcontent23">Mind &amp; Age</a></li><br style="clear:left;" /><br /><li class=""><a href="#" rel="tcontent24" style="position: relative; top: -5px"> Tips &amp; Mind Fitness</a></li>

The "top: -5" part moves the 2nd line tab in question up a little bit, after having been pushed down by the two BR tags.