The height declaration is back; the background-color and padding declarations for the UL are gone. Now the menu looks as the default "out of the box" implementation.
What we should notice:
* For pixel perfect positionning, see the last page of this tutorial.
Next page:
body {background-color:#fff;padding:20px} h1,h2 {font-size:1.1em;border-bottom:1px dotted #999}
#TJKul,#TJKul li {margin:0;padding:0;list-style:none} #TJKul,#TJKul li,#TJKul a,#TJKul span {height:1.6em;line-height:1.6em} #TJKul {border-bottom:1px solid #333;background-color:#ffcccc;padding-left:40px} #TJKul li {float:left;width:auto;position:relative;white-space:nowrap} #TJKul a {position:relative;text-decoration:none} #TJKul a:hover {background-color:transparent} #TJKul a,#TJKul a span {padding-top:.7em;padding-bottom:.2em} #TJKul a span {padding-right:10px} #TJKul #current a,#TJKul #current a span {padding-top:1em;border-bottom:2px solid #fff;font-weight:600} #TJKul #current a span,#TJKul a:hover span {background-image:url(up.gif)} #TJKul .TJKL,#TJKul .TJKR {background-image:url(down.gif)} #TJKul .TJKL {background-position:top left} #TJKul .TJKR {background-position:top right}
#TJKul #current a {padding-top:.1em} #TJKul a span {padding-top:.3em} #TJKul a {cursor:hand;margin-bottom:-.7em}