Hello
I have a navigation structured as follows:
<ul>
<li>
<a>Chapter1</a>
<ul>
<li><a>Chapter 1.1</a></li>
<li><a>Chapter 1.2</a></li>
</ul>
</li>
<li>
<a>Chapter1</a>
</li>
</ul>
The related parts of the stylesheet say:
ul li { position:relative; }
ul li ul { position:absolute; }
So the inner ul element is removed from the element flow. Anyway IE6 and
lower has lots of problems with that. Following this article:
http://www.satzansatz.de/cssd/onhavinglayout.html
I was able to remove most of the gaps using a fix stylesheet. Anyway a 5
pixel gap remains at the place of the inner ul element.
Here is my test case:
http://www.markusernst.ch/stuff_for_...e_gaptest.html
It validates and it works in Firefox, Safari and also IE7. I am actually
surprised that I am not able to find anything on this by googling, as it
does not seem to be a very special task.
If anybody knows a solution or a workaround I will be happy to get
pointed to it!
Thanks
Markus