Folks,
My first time posting here. I'm on digest mode and I've picked up a lot
without posting anything.
Anyway, I have a particularly vexatious problem on my site www.aodhruadh.org
My navigation is contained in a div specified thus:
#navigation
{
color : #000;
background : transparent;
width : 180px;
padding : 0px;
vertical-align : top;
text-align : center;
margin : 0px auto;
vertical-align : middle;
border : solid #f00 0px;
position : absolute;
left : 0px;
top : 0px;
font-family : trebuchet ms,verdana,arial,helvetica,sans-serif;
font-size : 9pt;
font-weight : bold;
text-decoration : none;
}
The problem is that whenever the contents of the enclosing div
#parent
{
width : 700px;
text-align : left;
border-top : solid #090 0px;
border-bottom : solid #090 10px;
border-left : solid #090 2px;
border-right : solid #090 2px;
background : url(/images/gif/celtic_knotwork.gif) #fff;
margin : 0px auto;
margin-bottom : 30px;
display : block;
position : relative;
clear : both;
}
are such that the div height is less than the height of the Navigation div
then I am afflicted with an overhang, such as the one on this page.
http://aodhruadh.org/funding/index.php
This occurs on Firefox an IE 7 on the PC. Is there anyway I can remedy this
situation. I've being trying to do something about it for ages now
TIA
John.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/