Css no scroll bar appears on browser!?

1

Hi there, im currently working on my first CSS website: http://www.iancockram.co.uk/newportfolio/index.html and for some reason i dont know why, even though i have an image to the bottom. Never does an available scrollbar appear on browsers to scroll down to see the bottom of the image.???

Any help?? Its been pestering my for a while now.

Here is my on-going stylesheet that is attached:

/*body-------------------------------------------------------------------------------------------------------*/

body { 
    margin: 0 auto;
    background-image: url('../images/backgroundwood.gif');
    background-repeat: repeat-x;
    background-color: #000;
    }



/*logo------------------------------------------------------------------------------------------------------*/


img.logo {
    position:fixed;
    top:0px;
    left:20%;
    height: 460;
    width: 122;
}

img.download {
    position:fixed;
    top:0px;
    left:20%;
    padding-left: 46%;
    border: 0;
}

img.home {
    position: fixed;
    top: 180px;
    padding-left: 20%;
}

/*navigation-----------------------------------------------------------------------------------------------------r*/

.menu{
    width:100%;
    position: fixed;
    top: 130px;
    background-image:url('../images/backgrepeat.gif');
    background-repeat:repeat-x;
    height:37px;
    display: block;
}

#navcontainer ul {
    list-style-type: none;
    text-align: left;
    padding-left: 17%;
    font-family: Arial,Verdana, Helvetica, sans-serif; 
    font-size: 14px;
    height: 37px;
    padding-top: 09px;
    padding-bottom: 18px;
    display: block;
    margin-top:0px;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a {
    text-decoration: none;
    padding-right: 6%;
    padding-left: 6%;
    color: #fff;
}

#navcontainer ul li a:hover {
    background-image:url('../images/bgrepeat.gif');
    background-repeat:repeat-x;
    height: 37px;
    padding-top:09px;
    padding-bottom:18px;
    color: #000;
}



/*content-------------------------------------------------------------------------------------------------------*/
p.ariali {
    font-family: sans-serif;
    color: #fff;
    font-size: 13px; 
    width: 600px;
    position: fixed;
    top: 200px;
    padding-left: 20%;
}

p.br {
    font-family: sans-serif;
    color: #fff;
    font-size: 13px; 
    width: 600px;
    position: fixed;

    padding-top: 40px;
    padding-left: 20%;
}

img.window {
    position:fixed;
    top:320px;
    left:20%;
    padding-top: 10px;
    padding-bottom:10px;
    display: block;
}

/*footer-------------------------------------------------------------------------------------------------------------*/
p.arialf {
    font-family: sans-serif;
    color: #fff;
    font-size: 13px; 
    width: 600px;
    bottom: 20px;
    position: fixed;
    padding-left: 30%;
}

Much appreciated!

2

cause all your positions are fixed, which they shouldn’t be

3

Thanks mate, who knew such a little problem could cause fustration! thanks again! :slight_smile: