Hjälp med storlek på en banner

Hej, bannern är skriven i html, följande storlek är det:

<div class="inventea-dashboard" role="banner">
<a href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->" style="position: absolute; left: 0%;top: 20%; width: 100%; height: 60%;" >
<div class="inventea-sitename">
<h1>{SITENAME}</h1>
<span>{SITE_DESCRIPTION}</span>
</div>

Har försökt med alla möjliga medel men inte lyckats med minimera storleken. Vad kan jag göra?

Hur får jag till den här färgkoden en highlight?
/*
* set header background colour (appears as a border around the image)
*/
/*
.inventea-header {
background: #424242;
}
*/

Går det få bannern mindre?

<div class= "inventea-dashboard"role="banner">
<a href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->" style="position: absolute; left: 0%;top: 20%; width: 100%; height: 60%;" >
<div class="inventea-sitename">
<h1>{SITENAME}</h1>
<span>{SITE_DESCRIPTION}</span>
</div>
</a>
<img src="{ROOT_PATH}styles/we_universal/theme/images/dashboard.jpg" alt="forum header image">
</div>