What is the CSS code that needs to be used in order to get rid of the bttom scroll bar. I only want it showing when the window is too small, right now it shows regardless of window size.

I am sure it's a margin thing but I am still learning and I am unsure, thanks ahead of time.

Set all your width attributes in % instead of pixels. There is no reason for the horz scroll bar to show unless something is too wide.

all my width attributes are in %. now the margin attributes are in pixel.

Do I need to adjust that too?

I am sure it's a margin thing but I am still learning and I am unsure, thanks ahead of time.

If you want post the url and I should be able to tell you where the issue is.

Would your prefer just to have me paste the code, its an intranet site so I have no outside link to send you.

CSS Code: - Let me know if you need the HTML as well.


/* Basic Elements */
body
{
font-family: GM Sans Regular, Arial, Helvetica, sans-serif;
font-size:10pt;
color: #000000;
padding: 0;
margin: 0;
}
p
{
font-family: GM Sans Regular, Arial, Helvetica, sans-serif;
font-size:10pt;
margin-top: 0;
text-align: justify;
}
h3
{
font: GM Sans Regular, Arial, Helvetica, sans-serif;
font-size: normal 12pt;
font-weight: bold;
text-decoration: underline;
letter-spacing: 1px;
color: #044362;

}
a:link
{
font-weight: bold;
text-decoration: none;
color: #044362;
}
a:visited
{
font-weight: bold;
text-decoration: none;
color: #7C96A3;
}
a:hover, a:active
{
text-decoration: underline;
color: #6A88AC;
}



/*Specific Divs*/
#pageHeader
{
background: transparent url(semperian_banner.jpg) repeat-x top left;
width: 100%;
height: 100%;
display: block;
}
#pageHeader h1
{
margin-top: 10px;
width: 100%;
height: 100px;
float: left;
text-indent: -10000px;
}
#bodyHeader
{
background: transparent url(semperian_logo1.jpg) no-repeat top left;
width: 100%;
height: 126px;
display: block;
margin-left: 250px;
margin-top: -10px;
}
#bodyHeader h1
{

width: 100%;
height: 100px;
float: left;
text-indent: -10000px;
}
#pageHeaderLink
{
font-family: GM Sans Regular, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: normal;
color: black;
text-align: left;
float: left;
display: block;
clear: both;
margin: 5px;
margin-top: -27px;
word-spacing: 20px;
width: 100%;
}
#pageNav
{
width: 220px;
float: left;
border: transparent 1px black;
margin-top: -127px;
}
#pageNav h2
{
font-family: GM Sans Regular, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
border: solid 1px black;
width: 100%;
text-align: left;
background-color: #9bbccd;
}
#navList
{
font-family: GM Sans Regular, Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight: normal;
width: 100%;
text-align: left;
margin-left: -22px;
margin-top: -18px;
margin-bottom: -11.5px;
color: black;
float: left;
}
#pageText
{
float: right;
width: auto;
margin-top: 1.5em;
margin-left: 2.0em;
padding-right: 1.5em;
}
#footer
{
float: left;
width: 99%;
border: transparent 1px black;
margin: 0;
margin-top: 10px;
}
#footer h2
{
font-family: GM Sans Regular, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
border: solid 1px black;
width: 100%;
text-align: center;
background-color: #9bbccd;
}