see the menu at http://di20.com.br/novosite/
When I define line-height:100% the menu text does not work as expected, getting enough space at the top of the source.
@font-face {font-family: 'AGAvantGarde';src: url('../fonts/agagcb.eot');src: url('../fonts/agagcb.eot?#iefix') format('embedded-opentype'),url('../fonts/agagcb.woff') format('woff'),url('../fonts/agagcb.ttf') format('truetype'),url('../fonts/agagcb.svg#AGAvantGarde') format('svg');font-weight: normal;font-style: normal;}
body {
font-family: 'AGAvantGarde',Arial;
line-height: 100%;
}
Thanks!
UPDATE
The problem is SOLVED, and are related to the font, not to my CSS or HTML, thanks to all!
Setting
line-height:100%is somewhat abnormal: it means setting text solid. But it may be OK in special cases like this, and it need not relate to the problem at hand.It is difficult to suggest solutions when the problem has not been described explicitly; “does not work as expected” does not say much. But I suppose the menu items should be higher up, so that they do not extend to the area containing changing images—at least it is very difficult to read tiny text against varying image backgrounds. One of the reasons seems to be that the menu, with
id=menu, has a top margin of 20px.