And it works better than the one they have at phpBB.com - - - -
Turn the <tr's and <td's into <li's and <ul after the first <td that denotes the style for the inner table.
I haven't done it to IP but I use the same menu here - And when someone else converts it - Let me know because I want a copy of it.
Demo Side menu:
http://gnuarcadescript.com/arcade/index.php
The .css
/* Menu for side blocks */
.catmenu {
list-style: none;
padding:0;
margin:0; }
.catmenu_text {
padding-top: 5px; }
.catmenu li {
/* Added to show the whole li element will be a clickable link. */
width: 100%;
background-color: black;
border-top: 2px solid #342f2f;
border-top-style: dotted;
font-size:11px;
line-height: 40px !important;
font-weight: bold;
padding:1px;
}
.catmenu li a:link, .catmenu li a:active, .catmenu li a:visited {background-color: black; display: block; color: #dbff00; font-weight: bold; font-size:1.1em !important; text-decoration: none; vertical-align: top;}
.catmenu li a:hover {background-color: #3b3a3a; display: block; color: #00ff00; font-weight: bold; font-size:1.1em !important; text-decoration: none; vertical-align: top;}
.catmenu {
list-style: none;
padding:0;
margin:0; }
.catmenu_text {
padding-top: 5px; }
.catmenu li {
/* Added to show the whole li element will be a clickable link. */
width: 100%;
background-color: black;
border-top: 2px solid #342f2f;
border-top-style: dotted;
font-size:11px;
line-height: 40px !important;
font-weight: bold;
padding:1px;
}
.catmenu li a:link, .catmenu li a:active, .catmenu li a:visited {background-color: black; display: block; color: #dbff00; font-weight: bold; font-size:1.1em !important; text-decoration: none; vertical-align: top;}
.catmenu li a:hover {background-color: #3b3a3a; display: block; color: #00ff00; font-weight: bold; font-size:1.1em !important; text-decoration: none; vertical-align: top;}