background hover in list
Hi Jason
Quick CSS question on lists when used as part of a navigation section. I fyou look at the attached image, as you can see when the nav point drops onto 2 lines the hover background effect doesnt fill the same space and was wondering how I would get around that. The css I am using is
#navigationContainer { width: 100%; height: 44px; background-color: #BDBEC0; z-index:99999;}
#navigationWrapper { clear: both; width: 960px; margin: 0 auto; color: #fff; text-transform: capitalize; padding: 9px 0; text-align: left;}
#navigationWrapper ul { list-style: none; margin: 0 0 0 -30px; padding: 0;}
#navigationWrapper li { display:inline-block; padding: 0 20px;}
a.navigationWrapper:link { color: #000; font-size: 16px; text-decoration: none;padding: 10px;}
a.navigationWrapper:visited { color: #000; font-size: 16px; text-decoration: none;padding: 10px;}
a.navigationWrapper:hover { color: #fff; font-size: 16px; text-decoration: none; background-color: #000; padding: 10px;}
thanks in advance
Jamie