The Old Bell Inn

"Your Legendary Southside Local"

A traditional pub in the heart of Edinburgh's historic Southside, featuring the very best cask conditioned ales from craft brewers all over Scotland, all major sporting events on large screens, and traditional pub grub freshly prepared by the chefs from the New Bell Restaurant upstairs.

#nav { margin:0; padding:0; list-style:none; width: 150px; position: absolute; left: 0px; top: 110px; } /* make the LI display inline */ /* it's position relative so that position absolute */ /* can be used in submenu */ #nav li { display:inline-block; width: auto; background: transparent; position:relative; margin: auto; padding: 0px; z-index:500; } .nav-title { background-color: rgba(20,0,0,0.7); padding: 3px; color: #dec100; } /* this is the parent menu */ #nav li a { display:block; padding: 0px; font-weight:700; margin: auto; width: 141px; height:89px; text-decoration:none; text-align:left; color:#dec100; background-color: rgba(20,0,0,0.5); border: 4px solid #000000; } #nav li a:hover { background-color: rgba(20,20,20,0.5); color:#dec100; } /* you can make a different style for default selected value */ #nav a.selected { color:#f00; } /* submenu, it's hidden by default */ #nav ul { position:relative; left:0; display:block; margin: 0px; padding: 0px; list-style: circle outside none; } #nav ul li { width:auto; height: auto; padding: 0px; font-size: 0.8em; float:left; } /* display block will make the link fill the whole area of LI */ #nav ul a { display:block; height:25px; padding: 0px 0px 0px 0px; color:#dec100; background-color: rgba(20,0,0,0.9); } #nav ul a:hover { text-decoration:underline; color: #ffff00; background-color: rgba(20,0,0,0.9); } /* fix ie6 small issue */ /* we should always avoid using hack like this */ /* should put it into separate file : ) */ *html #nav ul { margin:0 0 0 0px; } /* CSS fallback */ #nav li:hover > ul.child { display: block; } #nav li:hover > ul.grandchild { display: block; } This site functions best with JavaScript enabled!