please help!
I know my contents size are wrong but i made the images smaller and still the bottom scroll bar still there. I that gone.
I tried messing the size but no luck
http://www.hottunaint.com/test8.htm
here is the css:
#container {
width:700px;
padding:3px;
border:3px double #999;
margin:auto;
}
#container:after {
content:"";
display:block;
clear:both
}
#banner {
width:700px;
height:94px;
border:0px solid;
}
#menuHolder {
background-color:#000;
margin:5px 2px;
padding:1px;
}
div.menuBar {
width:34em;
}
div.menuBar, div.menuBar a.menuButton, div.menu, div.menu a.menuItem {
font-family: "MS Sans Serif", Arial, sans-serif;
font-size: 8pt;
font-style: normal;
font-weight: 900;
color: #e51f26;
}
div.menuBar {
background-color: #000;
border: 5px outset #000;
text-align: left;
}
div.menuBar a.menuButton {
background-color: transparent;
border: 0px solid #e0e0e0;
color: #fff;
cursor: default;
left: 0;
margin: 1px;
padding: 2px 6px 2px 6px;
position: relative;
text-decoration: none;
top: 0;
z-index: 100;
}
div.menuBar a.menuButton:hover {
background-color: transparent;
border: 1px outset #e0e0e0;
color: #e51f26;
padding: 2px 5px 2px 5px;
}
div.menuBar a.menuButtonActive, div.menuBar a.menuButtonActive:hover {
background-color: #e51f26;
border: 1px inset #e0e0e0;
color: #fff;
left: 1px;
top: 1px;
}
div.menu {
background-color: #e0e0e0;
border: 2px outset #e0e0e0;
left: 0px;
padding: 5px 1px 1px 0px;
position: absolute;
top: 0px;
visibility: hidden;
z-index: 101;
}
div.menu a.menuItem {
color: #000;
cursor: default;
display: block;
padding: 3px 1em;
text-decoration: none;
white-space: nowrap;
}
div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
background-color: #e51f26;
color: #fff;
}
div.menu a.menuItem span.menuItemArrow {
margin-right: -.75em;
}
div.menu div.menuItemSep {
border: 1px inset #e0e0e0;
margin: 4px 2px;
}
#presspanel {
width:240px;
height:342px;
overflow:auto;
margin:0 5px;
display:inline;
float:left;
}
#presspanel img {
width:223px;
height:108px;
border:0px solid;
margin-bottom:8px
}
#content {
width:420px;
height:342px;
overflow:auto;
margin:0 5px;
float:left;
display:inline;
font-size:13px;
}
#content div {
margin:0 10px 10px 10px;
font-weight:bold;
}
#content p {
margin:10px;
text-align:justify;
}
#content a img {display:block;margin:auto;
border:0px solid;
}
#copyright {
line-height:58px;
background-color:#000;
margin:0 2px;
color:#999;
font-size:10px;
font-weight:bold;
text-align:center;
clear:both;
}
