Do you think I could just leave this part blank and it'd be okay? We're just going to replace the whole thing with a header image anyway, right?
You are not logged in.
Pages: 1
Why does the navigation menu on my website do this on Firefox?
And how do I fix the issue of the menu not dropping down on Internet Explorer?
Here's my CSS code:
#header { height:65px; line-height:65px; background-color:#222222; margin-top:0px; padding-left:20px; padding-right:20px; border-bottom:3px solid #28B899; } #header a { color:#999999; text-decoration:none; display:block; text-align:center; } #header a:hover { } #header ul { list-style:none; display:inline-table; padding:0; margin:0; position:absolute; } #header ul li { display:inline; position:relative; background-color:transparent; width:150px; float:left; padding:0; margin:0; text-align:left; min-width:200px; } #header ul li:hover { background-color:#111111; } #header ul ul { visibility:hidden; position:absolute; } #header ul ul li { background-color:#333333; min-width:200px; text-align:left; } #header ul ul li:hover { background-color:#222222; } #header ul li:hover > ul { visibility:visible; position:relative; } #header ul ul ul { visibility:hidden; position:absolute; } #header ul ul li:hover > ul { visibility:visible; position:absolute; left:100%; top:0; border-bottom:none; }
Discord: jawp#5123
Offline
Is the problem with Firefox that the letters look all weird and not anti-aliased?
Offline
Is the problem with Firefox that the letters look all weird and not anti-aliased?
No the problem was the links were not inside the gray box they were below it.
I found a solution:
#header ul { top:0; }
Discord: jawp#5123
Offline
Locked on request of the OP.
*u stinky*
Offline
Pages: 1
[ Started around 1738890071.488 - Generated in 0.042 seconds, 12 queries executed - Memory usage: 1.41 MiB (Peak: 1.52 MiB) ]