Mac firefox, Mac safari renders the following page well but Mac Explorer
won't. Any solution?
Page is: gilroy.50webs.com
css:
* { padding: 0; margin: 0; }
body {
font-family:"Times New Roman", Times, serif;
color:#585858;
font-size: 14px;
text-align:center;
}
#wrapper {
margin: 0 auto;
width: 922px;
text-align:left;
}
#header {
width: 922px;
padding-top:77px;
background: url(images/strapline.gif) no-repeat 27px bottom;
}
#anotherheader {
width: 922px;
border-top:1px solid #995451;
padding-top:20px;
margin-top:18px;
}
#leftcolumn {
width: 572px;
float: left;
padding-left:30px;
padding-top:65px;
}
#leftcolumn2 {
width: 572px;
float: left;
padding-left:30px;
padding-top:18px;
background: url(images/line.gif) no-repeat -29px bottom;
}
#rightcolumn {
float: right;
width: 305px;
padding-top:37px;
display: inline;
}
#rightcolumn2 {
float: right;
width: 305px;
padding-top:30px;
display: inline;
}
.rightimage{
margin-bottom:7px;
}
#footer {
width: 892px;
clear: both;
border-top:1px solid #585858;
padding-top:45px;
padding-left:30px;
}
#mainnavigation{
margin-bottom:15px;
}
#mainnavigation ul{
list-style-type:none;
margin:0;
padding:0;
}
#mainnavigation ul li{
display:inline;
padding: .2em .8em;
}
#mainnavigation ul li a{
text-decoration:none;
}
.leftimg{
margin-bottom:15px;
margin-top:0;
}
.logo{
margin-right:45px;
margin-bottom:1px;
}
p{
color:#8E2822;
line-height:24px;
}
h1{
color:#585858;
font-size:14px;
}
#footer p{
font-size:12px;
}
#mainnavigation a {
color:#585858;
}
#mainnavigation ul li.nopadding{
padding-left:0;
}
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
margin: 0 0 0 50em;
border: 0 none;
padding: 0;
list-style: none;
}
.logosmall{
margin: 0 0 0 55em;
}
.thumb{
float:left;
margin-left:18px;
margin-bottom:15px;
}
.thumb2{
float:left;
margin-bottom:15px;
}
.clear{
clear:left;
}
ul#navmenu li {
margin: 0;
border: 0 none;
padding: 0;
float: left; /*For Gecko*/
display: inline;
list-style: none;
position: relative;
height: 24px;
}
ul#navmenu ul {
border: 0 none;
padding: 0;
width: 150px;
list-style: none;
display: none;
position: absolute;
top: 24px;
left:0;
}
ul#navmenu ul:after /*From IE 7 lack of compliance*/{
clear: both;
display: block;
content: ".";
height: 0;
visibility: hidden;
}
ul#navmenu ul li {
width: 125px;
float: left; /*For IE 7 lack of compliance*/
display: block !important;
display: inline; /*For IE*/
}
/* Root Menu */
ul#navmenu a {
padding: 0 6px;
float: none !important; /*For Opera*/
float: left; /*For IE*/
display: block;
color: #585858;
text-decoration: none;
height: auto !important;
height: 1%; /*For IE*/
}
/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
color: #8E2822;
}
/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
float: none;
color: #585858;
}
/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
color: #8E2822;
}
/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
color: #585858;
text-align:left;
}
/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
color: #8E2822;
}
/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
background: #EEE;
color: #585858;
}
/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
background: #CCC;
color: #FFF;
}
ul#navmenu ul{
left:-50px;
top:20px;
background-color:#DBD5D1;
}
ul#navmenu ul ul{
display: none;
position: absolute;
top: 0;
left: 125px;
}
ul#navmenu ul ul ul {
display: none;
position: absolute;
top: 0;
left: 150px;
}
ul#navmenu li li{
text-align:right;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
display: none;
}
ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
display: block;
}
______________________________________________________________________
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/
