In our last episode, we learned how use the "float" and "display:inline" css-sledge hammers to knock drupal's nested vertical lists into displaying horizontally. Moreover we acheived this feet using three simple css rules that apply to all lists in our top-nav div to infinity. We rejoiced at the simplicity of our solution, and for a short while we believed that everything was okay in our world.
Today, the complexities of CSS will smack our rosey cheeks, burst our bubbles of optimisim, and send us hurdling back to reality. This tutorial offers nothing but blood, sweat, and tears. You will expect things to make sense -- and IE Explorer will make you look like a fool for it. However, it is a timeless truth that anything worth attaining requires sacrafice; and those who sacrafice their sanity to learning these bits of obscure knowledge will be one day kings of drupal theming, and standards based design -- they may even trick the entire drupal community into thinking they are "experts" ;-)