I have set a border-bottom but its showing on top for a reason i cant work out.
I have set up a jsfiddle here:
Share
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I have set a border-bottom but its showing on top for a reason i cant work out.
I have set up a jsfiddle here:
overflow: hiddenon the header – seehttp://jsfiddle.net/thebabydino/nnEr9/1/
The problem is that you’ve floated the children of your header. Therefore, your header has height zero, as you can see below
link to fullsize image
You fix it with
overflow: hidden(overflow: autoalso works).