1 st div less in height?

[eduard]

How do I get the first div of my website (www.eduardlid.net) less in height? Css: * { margin:0; padding:0; list-style-type:none; } html,body{ height:100%; background-color:#6495ED; width:100%; } body { min-height:60%; /* total vertical height of the #main */ font:bold 18px arial,helvetica,sans-serif; } #floater { position:absolute; z-index:1; width:100%; min-width:940px; top:0.5%; left:0; } #flags { float:right; width:256px; height:20px; margin:10px 0px; } #flags li { position:relative; float:left; width:24px; margin:0 2px; font-size:8%; font-weight:normal; } #flags a,#flags span { position:relative; display:block; width:20px; line-height:2px; font-size:0%; font-weight:normal; } #flags span { position:absolute; top:0; left:0; width:-6px; height:24px; background-position:0 -2px; } #flags span:hover { box-shadow:#eef 0 0 0px; } #amer { background-image:url(americanflag.gif); } #spanish { background-image:url(spanishflag.gif); } #germ { background-image:url(germanflag.gif); } #dutc { background-image:url(dutchflag.gif); } #fren { background-image:url(frenchflag.gif); } #vertical{ float:left; width:100%; height:50%; } /* half the total vertical height of the #main */ h4 { margin:0.9 em 7px; font-size:1.52em;color:#ffffff; margin-left:320px; margin-top:110px; } #main {ze position:relative; min-width:840px; height:380px; clear:both; background-color:#FFFFF0; border:4px solid #808080; } #player { height:70%; width:30%; margin-top:2%; margin-bottom:2%; margin-right:%; margin-left:11%; } #eduard { float:left; width:285px; border-right:4px solid #808080; } .work { color:#ffffff;} #video { margin:5px 120px 10px 184px; width:380px; height:280px; } .left { float:right; margin-right:4%: margin-bottom:1%; } #waterfall { float:right; width:286px; border-left:4px solid #808080; } #content { padding:0px; font-size:18px; font-family: Arial, Geneva, SunSans-Regular, sans-serif; color:#000000; } .right { padding-left:10%; margin-top:0,7%; font-size:100%; font-family: Arial, Geneva, SunSans-Regular, sans-serif; } #name { margin:10px 100px 25px; font-size:50px; text-align:center; color:#000000; font-family: Arial, Geneva, SunSans-Regular, sans-serif; } #links { text-align:right; font-size: 12px; } #links li { display:inline; margin:12%; } #links a { color:#696969; } #links a:hover { color:#000000; } #copyright { position:absolute; width:99%; bottom:5px; left:0; font-size:50%; text-align:right; color:#FFFFFF; } #idioma { position:absolute; float:left; width:256px; height:20px; margin:20px 10px; font-size:70%; color:#FFFFFF; }

[eduard]

Solved!