Joomla template et résolution

Bonjour,


J'aimerais savoir si il existe quelque chose pour joomla... j'ai le template JA_Purity et j'ai changé les headers.

Mon problèmes c'est que les gens qui sont en 1024 x 768 le tout s'empile un par dessus l'autre.... le logo pis une bannière placé. Moi je suis en 1600 x 1024 ce qui de mon coté sort très bien.


Y'a t'il un moyen de rendre les résolutions automatiques?

Voici le code CSS:

/* HEADER
--------------------------------------------------------- */
#ja-headerwrap {
background: #000000;
color: #CCCCCC;
line-height: normal;
height: 190px;
}

#ja-header {
position: relative;
height: 160px;
}

.ja-headermask {
width: 700px;
display: block;
background: url(../images/header-mask1.jpg) no-repeat center center;
height: 160px;
position: absolute;
top: 0;
right: -1px;
}

#ja-header a {
color: #CCCCCC;
}
h1.logo, h1.logo-text {
margin: 0 0 0 5px;
padding: 0;
font-size: 180%;
text-transform: uppercase;
}
h1.logo a {
width: 207px;
display: block;
background: url(../images/logo.png) no-repeat;
height: 160px;
position: relative;
z-index: 100;
}
h1.logo a span {
position: absolute;
top: -1000px;
}
h1.logo-text a {
color: #CCCCCC !important;
text-decoration: none;
outline: none;
position: absolute;
bottom: 40px;
left: 5px;
}

p.site-slogan {
margin: 0;
padding: 0;
padding: 2px 5px;
color: #FFFFFF;
background: #444444;
font-size: 92%;
position: absolute;
bottom: 20px;
left: 0;
}

/* Search */
#ja-search {
padding-left: 20px;
background: url(../images/icon-search.gif) no-repeat center left;
position: absolute;
bottom: 15px;
right: 0;
}

#ja-search .inputbox {
width: 120px;
border: 1px solid #333333;
padding: 3px 5px;
color: #999999;
background: #444444;
font-size: 92%;
}