PDA

View Full Version : Isues with menue


up4dw
06-28-2009, 03:51 AM
I have a menu that looks good in Firefox and ie8 looks a lot different in ie7>

Here is what it is supposed to look likeimg
http://www.hardydiesel.com/img/a/ie8.jpg">


Here is what it looks like in ie6
http://hardydiesel.com/img/a/ie6.jpg

body {
margin:0; padding:0;
background: white;
}

#menu {
width: 200px;
height: 100px;
margin: 0 0; padding:0 0;
}

div.outer {
float: left;
width: 200px; height: 100px;
margin: 0 0 0 0;
background: url( 'http://www.hardydiesel.com/img/msc/tan.jpg' ) 0 0 no-repeat;
}

div.outer a {
display: block;
margin: 0; padding:20px 0 0 0;
width:100%; height:100%;
overflow:hidden;
font: 22px/1 Arial, Helvetica, sans-serif;
color:#000;
text-decoration: none;
text-align: center;
background: url( 'http://www.hardydiesel.com/img/msc/tan.jpg' ) top left no-repeat;
}
div.outer span {
display: block;
margin:0; padding: 0 0 0 0;
}
div.outer a:hover {
background-image: none;
font: 23px/1 Arial, Helvetica, sans-serif;
color: #00F;
background: url( 'http://www.hardydiesel.com/img/msc/tan-glow.jpg' ) top left no-repeat;
}
div.outer a:active {
color: black;
}

domedia
06-28-2009, 04:19 PM
Styles without HTML is like being blind :)