DIV not sizing correctly when elements inside are bigger?
- by Ben Dauphinee
Tried removing the overflow hidden, but that does not seem to fix it. Suggestions?
Relevent HTML and problem illustration here: http://mgc.selfip.com/bugscreen01.jpg
Relevent CSS
#nav{padding: 5px 0px; overflow: hidden; background-color: #7af;}
ul#nav{white-space: nowrap;}
#nav li{display: inline; list-style-type: none;}
#nav li a{padding: 5px 10px;}
#nav a{font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif; font-size: 14pt; font-variant: small-caps;}
#nav a:link, #nav a:visited{color: #fff; text-decoration: none;}
#nav a:hover, #nav a:focus{color: #fff; background: #91db24;}