mouseover effect not filling button

nsitedesigns
nsitedesigns used Ask the Experts™
on
Why is there a gap on the mouseover effect on the navigation bar on items that don't have drop down buttons?  See last 5 buttons on right.

http://nsitedesigns.com/nsitedesigns/lakeshore/index.html
http://nsitedesigns.com/nsitedesigns/lakeshore/lakeshore.css
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Commented:
Line 199 of lakeshore.css

Remove display: inline-table

nav ul {
	background: #000; 
	padding: 0px; 
	list-style: none;
	position: relative;
	/* display: inline-table; remove this */
	margin:0px;
}

Open in new window

Expert of the Year 2014
Top Expert 2014
Commented:
You might want to add some padding-bottom to nav ul li a {} (along with the above)

Author

Commented:
Well that too care of the mouseover not filling up button but now the navigation words are resting on the bottom of the nav bar.  I tried adding padding and margin to nav and the nav ul but that didn't fix it.  What would you recommend?
Should you be charging more for IT Services?

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden using our free interactive tool and use it to determine the right price for your IT services. Start calculating Now!

Expert of the Year 2014
Top Expert 2014

Commented:
See above.

Commented:
As Cathal pointed out above, just add some bottom padding to the nav <a> tags.

Line 228.  Add some bottom padding or change it to something like this.

nav ul li a {
			display: block; 
			padding: 4px 22px;
			color: #fff; 
			text-decoration: none;
		}

Open in new window

Author

Commented:
Missed Cathal's suggestion of adding padding to nav ul li a.  that did trick

Author

Commented:
thanks team!

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial