Dynadot โ€” .com Registration $8.99

CSS link padding not working

Spaceship Spaceship
Watch
Impact
87
Code:
#navbar a {
	border-left: 1px solid #5D5D5D;
	border-right: 1px solid #353535;
	border-top: 1px solid #5D5D5D;
	border-bottom: 1px solid #353535;
	background-color: #424242;
	color: white;
	font-size: 12px;
	text-decoration: none;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;
}

All the paddings work except for the top padding, which doesn't work. It just stays aligned to the top. How do I fix this? I don't have a live example, sorry. But basically all you need to know is that the top padding isn't working. :td:
 
0
•••
The views expressed on this page by users and staff are their own, not those of NamePros.
AfternicAfternic
Is this just IE, or all browsers?

Have you tried changing the bottom padding to less, to see if it drops? I have had that issue before, not sure why though.
 
0
•••
Its the same in IE and Firefox. And yeah, when I drop the bottom padding it changes.
Which is really screwed up lol because it should work for the top as well.
 
0
•••
I know, I have ran into that, and that was the only fix I could find, unless someone knows why this happens, because this is more of a work around than a fix, so if anyone knows, please let us know ;)
 
0
•••
It's weird because padding-top will work on other divs, just not the one I want it to work on.
 
0
•••
try putting
Code:
position:relative;
in there and tell me what happens :)

also, is there any other parts to the navbar class? the problem could be elsewhere.
 
0
•••
Unstoppable Domains
Domain Recover
DomainEasy โ€” Zero Commission
  • The sidebar remains visible by scrolling at a speed relative to the pageโ€™s height.
Back