Thank you for your reply. Does OT stand for "off topic"?
If so, my apologies (but I honestly don't see why it's off-topic).
Adding a closing to .mainFrame didn't make any difference.
A much simplified version, see below, with only 2 classes (mainFrame
+ main), still produces the same undesirable black space in Chrome.
It works as expected in FF + IE.
--
<html><head></head>
<body topmargin='0' leftmargin='0'>
<style>
html,body{height:100%;text-align: center;background:BLACK;}
body{padding:0px;margin:0px; text-align: center;}
.mainFrame{
width: 1000px;
min-height:100%;
height: 100%;
background: white;
border: 5px solid #CCCCCC;
margin:auto;
}
html>body .mainFrame {width:994px; height:auto;}
.main{
position: relative;
top: 80px;
width:720px;
direction:rtl;
margin-bottom: 15%;
}
html>body .main{top: 103px; margin-bottom: 20%;clear:both;}
</style>
<div class='mainFrame' align='center'>
<div class='main'>
<a href='?action=1'>Option 1</a><br><br>
<a href='?action=2'>Option 2</a><br><br>
<a href='?action=3'>Option 3</a><br><br>
<a href='?action=4'>Option 4</a><br><br>
<a href='?action=5'>Option 5</a><br><br>
<a href='?action=6'>Option 6</a><br><br>
<a href='?action=7'>Option 7</a><br><br>
Extra Options<br><br><br>
<a href='?action=8'>Option 8</a><br><br>
<a href='?action=9'>Option 9</a><br><br>
<a href='?action=10'>Option 10</a><br><br>
<a href='?action=11'>Option 11</a><br><br>
</div>
</div>
</body></html>
______________________________________________________________________
css-discuss [css-d@css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
