[CSS][HTML]Wielkość obrazka css+html Opcje

[open]

Witam
Mam problem z ustawieniem wielkości obrazka.
Otóż ustawienie większej rozdzielczości w html nie zmienia wielkości całego okna.
Zauważyłem natomiast że przy ustawieniu 100% obrazek dopasowywuj się do pewnej wielkości okna, natomiast wpisanie ręczne większej rozdzielczości powoduje to że obrazek rozszerza się a w oknie widać tylko fragment, tak jakby to było okno a on rozszerzał się pod tłem czy też pod ramą.
Gdzie jest problem bo w css są tylko pozycje a html?
Prosiłbym o pomoc jak rozciągnąć te obrazki które zmieniały by wielkość w zależności ok wielkości okna przeglądarki i rozdzielczości monitora.

html

<div id="slideshowWrapper">

<ul id="slideshow">
<li><img src="images/8.jpg" width="100%" height="100%" border="0" alt="" /></li>
<li><img src="images/7.jpg" width="100%" height="100%" border="0" alt="" /></li>
<li><img src="images/6.jpg" width="100%" height="100%" border="0" alt="" /></li>
<li><img src="images/5.jpg" width="100%" height="100%" border="0" alt="" /></li>
</ul><br clear="all" />
</div>


css

padding:0;
margin:0;
list-style:none;
outline:none;}

body{font:14px Tahoma, Geneva, sans-serif;}

#slideshowWrapper
{
position:absolute;
width:67px;
margin:auto;


}
#fssPrev
{
position:absolute;
top:169px;
left:-15px;
background:url(arrows.png) -67px 0px;
width:67px;
height:143px;
text-indent:-999999px;
}
#fssNext
{
position:absolute;
top:169px;
left:80%;
background:url(arrows.png) no-repeat;
width:67px;
height:143px;
text-indent:-999999px;
}
#fssPlayPause
{
position:absolute;
top:435px;
right:0px;
background:url(white.png) repeat;
padding:4px 0 5px 0;
-moz-border-radius:5px;
border-radius:5px;
width:60px;
text-align:center;
display:block;
color:#333;
text-decoration:none;}

ul#slideshow
{
list-style:none;
border:0px solid #999;
padding:0px;
margin:0px;
margin-top:5%;
width:640px;
height:480px;
overflow:hidden;
}
p{text-align:center;
}
#fssList{list-style:none;width:646px;margin:auto;padding:5px 0 0 45%;}
#fssList li{display:inline;padding-right:10px;}
#fssList li a{color:#999;text-decoration:none;}
#fssList li.fssActive a{font-weight:bold;color:#333;}

#top{background:#3b5998;width:100%;height:40px;margin-bottom:20px;}
#top h1{color:#fff;font-weight:normal;font-size:18px;padding:7px 0 0 15px}
#top h1 span{font-size:11px;}
#top h1 a{text-decoration:underline;color:#fff;}
#top h1 a:hover{text-decoration:none;}

small a{color:#000;}