Någon som kan hjälpa mig se vart felet kan ligga i min CSS fil
Den funkar felfritt i IE6 och i Firefox.
Sidan slutar vissas då texten slutas halva menyn blir dold under det försvunna.
Helt jävla kostig IE7 som ska stöda html standarden.
Sidan är uppbyggt i div.
Så här ser min css ut.
* {
margin: 0;
padding: 0;
}
body {
font: 70% Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin: 10px auto;
background: #32393f;
color: #000;
}
a img { border: none; }
img { border: none; }
a { color: #0a246a; }
a:hover { text-decoration: none; }
ul { margin: 0 0 0 30px; }
table { border: 0px none; }
p { padding: 5px; }
h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; background: url('img/h_bg.gif') repeat-x bottom;; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px }
h1 { font-size: 160%; }
h2 { font-size: 150%; }
h3 { font-size: 140%; }
h4 { font-size: 130%; }
h5 { font-size: 120%; }
h6 { font-size: 110%; }
input {
border-left:1px solid #4a75a6; border-top:1px solid #4a75a6; padding:2px; border-bottom:1px solid #8db1da; border-right:1px solid #8db1da; background:url('img/input_bg.jpg') repeat-x; margin:2px; font-style:normal; font-variant:normal; font-weight:normal; font-size:100%; font-family:Verdana, Arial, Helvetica, sans-serif
}
input:focus {
background: url('img/top_bg.jpg');
}
#wrap, #footer {
margin: 0 auto;
text-align: left;
width: 750px;
background: #fff url('img/main_bg.jpg') repeat-y;
}
#top {
height: 55px;
background: url('img/top_bg.jpg') repeat-x;; padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:10px
}
#top_top {
height: 16px;
background: url('img/top.jpg') no-repeat;
}
#splash {
height: 130px;
padding-bottom: 1px;
background: #999 url('img/hr.jpg') repeat-x bottom;
}
/* -------------------------------------------------------------------------------------- */
#main_menu {
float: left;
width: 100%;
background: #e1ebf3 url('img/menu_bg.jpg') repeat-x;
line-height: normal;
height: 33px;
font-size: 115%
}
#main_menu ul {
padding: 0 0 0 20px;
margin: 0;
list-style: none;
}
#main_menu li { display: inline; }
#main_menu a {
float: left;
padding: 0 0 0 4px;
margin: 0 1px 0 0;
text-decoration: none;
}
#main_menu a span {
float: left;
display: block;
padding: 8px 15px 9px 11px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#main_menu a span { float: none; }
/* End IE5-Mac hack */
#main_menu a:hover span { }
#main_menu a:hover { background: #fff url('img/menu_active.jpg') repeat-x; }
#main_menu a:hover span { background: #fff url('img/menu_active.jpg') repeat-x; }
#main_menu #main_current a { background: #fff url('img/menu_active.jpg') repeat-x; font-weight: bold}
#main_menu #main_current a span { background: #fff url('img/menu_active.jpg') repeat-x; }
/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
#sub_menu {
width: 210px;
}
#sub_menu ul { list-style: none; margin: 0; }
#sub_menu li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
#sub_menu li a:link, #sub_menu li a:visited {
display: block;
background: url('img/sub_menu.jpg');
padding-left:10px; padding-right:0; padding-top:9px; padding-bottom:0
}
#sub_menu li a:hover, #sub_menu li #sub_current {
background: url('img/sub_menu_active.jpg');
padding-left:10px; padding-right:0; padding-top:9px; padding-bottom:0
}
/* -------------------------------------------------------------------------------------- */
#left {
float: left;
width: 500px;
padding: 20px;
}
#right {
float: right;
width: 210px;
}
#bottom {
height: 46px;
background: url('img/footer_bg.jpg') bottom;
}
#footer {
width: 710px;
padding: 0 20px;
color: #fff;
height: 10px;
background: none;
}
#footer a { color: #fff; }
#footer_l { float: left; }
#footer_r { float: right; }
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
form {
padding: 0 20px;
}