Opera 7.54 not showing horizontal scrollbars

[Peter Mount]

Hi

When I zoom into my site (http://www.petermount.au.com) with Opera 7.54
the horizontal scrollbar doesn't show when the site image is bigger than
my screen. Yet the horizontal scrollbar shows in print preview and when
I turn css off in Opera. Could it be a problem with my css? The code is:

html{
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
}

body {
font-family: "Arial", Helvetica, sans-serif, sans;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
font-size: 1em;
color: #000000;
background-color: #B0C4DE;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}

#me{
font-size: 2em;
font-style: normal;
font-weight: bold;
margin-bottom: -20px;
margin-right: 370px;
margin-top: 14px;
color: #FFFFFF;
}

#metitle{
font-size: 1.2em;
font-style: normal;
font-weight: bold;
margin-right: 370px;
margin-bottom: 15px;
color: #FFFFFF;
}

#header{
width: 578px;
text-align: right;
float: left;
margin: 0 0 0 0;
clear: both;
background-color: #B22222;
border-bottom: 1px solid #000000;
overflow: hidden;
}

html>body #header{
overflow: visible;
}

#topimage{
float: left;
}

..folioimage{
float: left;
border: 1px solid #000000;
margin-left: 138px;
margin-top: 10px;
margin-bottom: 10px;
}

#header ul{
display: inline;
}

#footer{
float: left;
text-align: left;
width: 578px;
overflow: hidden;
}

html>body #footer{
overflow: visible;
}

#copyright{
font-size: 0.8em;
margin-left: 137px;
}

h1{
margin-bottom: 10px;
margin-top: 0;
font-size: 1.8em;
}

h2 {
margin-bottom: 10px;
margin-top: 10px;
font-size: 1em;
border-bottom: 1px solid #B22222;
}

h3 {
margin-bottom: 0;
margin-top: 10px;
font-size: 1.2em;
}

h4{
margin-bottom: 0;
margin-top: 10px;
font-weight: bold;
font-size: 1em;
}

h1, h2, h3, h4{
text-align: right;
margin-right: 343px;
}

li{
list-style: none;
margin-left: -40px;
}

..bodytext{
margin-left: 138px;
margin-right: 80px;
}

..urltext{
margin-left: 138px;
margin-right: 80px;
}

#wrapper {
margin-left: auto;
margin-right: auto;
width: 578px;
padding: 0 0 0 0;
border: 1px solid #000000;
font-size: 0.9em;
_height: 35em;
background-color: #FFFFFF;
}

html>body #wrapper{
min-height: 65em;
overflow: hidden;
}

#main{
float: left;
padding: 25px 0 0 0;
width: 550px;
_height: 78em;
overflow: hidden;
}

html>body #main{
padding: 20px 0 0 0;
min-height: 46em;
overflow: visible;
}

div#nav {
position: relative;
float: left;
margin: -2px 0 0 0;
background: #FFF;
border: 1px solid #000000;
width: 576px;
}

div#nav ul {
margin: 0;
padding: 0;
background: #FFFFFF;
}

div#nav li {
position: relative;
list-style: none;
margin: 0;
float: left;
width: 136px;
background: #FFFFFF;
line-height: 1em;
}

html>body div#nav li {
position: relative;
list-style: none;
margin: 0;
float: left;
width: 144px;
background: #FFFFFF;
line-height: 1em;
}

div#nav li a {
display: block;
padding: 4px 0 4px 8px;
text-decoration: none;
color: #000000;
width: 136px;
}

html>body div#nav li a {
display: block;
padding: 4px 0 4px 8px;
text-decoration: none;
color: #000000;
width: 144px;
}

div#nav li a:visited {
color: #000000;
}

div#nav li a:hover {
color: #000000;
background: #EBB;
}

div#nav li a:active{
background: #B0C4DE;
color: #000000;
width: 136px;
}

body#sectionone #nav li#one a,
body#sectiontwo #nav li#two a,
body#sectionthree #nav li#three a,
body#sectionfour #nav li#four a{
background: #B22222;
color: #FFFFFF;
}

div#nav>ul a {
width: auto;
}

Thanks

Peter Mount
in**@petermount.au.com
http://www.petermount.au.com

[brucie]

In comp.infosystems.www.authoring.stylesheets Peter Mount said:

When I zoom into my site (http://www.petermount.au.com) with Opera 7.54
the horizontal scrollbar doesn't show when the site image is bigger than
my screen.

i get one, also with 7.6p2 and i noticed this:
http://jigsaw.w3.org/css-validator/v...1&profile=css2
--
the facts and opinions expressed by brucies
l i t t l e v o i c e s
are not necessarily the same as those held by brucie.