[Solved] Text outside the div

[Wortesq]

Hi guys, im new to this world, i finished my site for the school’s practice but a problem appeared in front of me. Here the code and the preview: http://codepen.io/wortesq/pen/GkiEw

The site works fine with Chrome and IE11, but not with Firefox, as you can see the “quote” go outside of the div. Maybe the problem is the submenu, because if i put “overflow: hidden” in the header section the “quote” go inside the div but anyway you can’t see the submenu of “pianeti”.

Sorry for my english, i hope that you can help me.

[Merri]

The problem is with the image:

.menu img {
  vertical-align: top;
}

And then also remove #header’s height, because you don’t need it once the rule above is in place.

It would be a good idea to create those header lines at left and right with just CSS.

[Wortesq]

Thank you Merri, the solution was so easy…:/

[Author]

Posts