Jag håller på och gör en hemsida och när man tittar på hemsidan i Firefox så ser det bra ut. Men i IE blir det av någon anledning ett stort mellanrum mellan menyn och bilden. Är det någon som vet varför? Det känns som jag har provat allt som går utan någon lycka. (Jag är ganska ny på det här med CSS positionering och sånt, så hugg inte huvudet av mig om det är nåt i koden som ser konstigt ut)
URL: http://www.tomasochmagnus.se/magnus/silverklubben/
Min CSS fil:
#logo {margin-top:20px; width:800px; text-align:left;}
#header {width:800px; height:189px; text-align:center;}
#centrering {margin:0 auto; width:800px;}
#meny {font-family:Tahoma, Geneva, sans-serif; font-size:12px; float:left; margin-left:20px;}
#text {width: 800px; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color: #444444; }
#col1 {width: 350px; float: left; padding-right: 1em; padding-left: 1em;
border-right: 1px solid #999999; text-align:left; }
#col2 {width: 350px; float: left; padding-right: 1em; padding-left: 1em; text-align:left}
h2 {font-family:Georgia, Times New Roman, Times, serif; font-size:16px; color: #444444;}
#footer {float: left; width:800px; height:20px; text-align:right; font-family:Tahoma, Geneva, sans-serif; font-size:9px; color: #444444;}
CSS filen för menyn:
ul {
margin: 0;
padding: 0;
list-style: none;
width: 175px; /* Width of Menu Items */
border-bottom: 1px solid #ccc;
}
ul li {
position: relative;
}
li ul {
position: absolute;
left: 174px; /* Set 1px less than menu width */
top: 0;
display: none;
}
/* Styles for Menu Items */
ul li a {
display: block;
text-decoration: none;
color: #777;
background: #fff; /* IE6 Bug */
padding: 5px;
border: 1px solid #ccc;
border-bottom: 0;
}
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */
ul li a { color: #000; background: #EEE; }
ul li a:hover { color: #E2144A; background: #f9f9f9; } /* Hover Styles */
li ul li a { padding: 2px 5px; background-color:#FFF;} /* Sub Menu Styles */
li:hover ul, li.over ul { display: block; } /* The magic */