Internet Explorer problemer

Hej, jeg har problemer med Internet Explorer 8, og måske også andre versioner.

Ved godt der er nogle ting i HTML5 og CSS3 der ikke fungere i alle browsere, men jeg er lidt ligeglad med det, da det kun er et par visuelle effekter i sidehovedet. Bare jeg kan få det til at se nogenlunde ud, er jeg glad.

Når jeg ser sitet i IE8, fylder baggundsbilledet ikke hele sidehovedet ud.

Mit site

Jeg har prøvet at få det til at fungere bare en smule ved at bruge dette:

 <!--[if lt IE 9]>
     <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
     <![endif]-->
     
     <link rel="stylesheet" type="text/css" href="inc/styles/reset.css" />
     <link rel="stylesheet" type="text/css" href="inc/styles/main.css" />

Koden der er problem med.

 <header>
     
     <h1>Borgen44</h1>
     
     <aside id="search">
         
         <form name="search" enctype="text/plain" accept-charset="ISO-8859-1" action="search.php" method="POST" >
             <input type="text" name="search" size="30" />
             <input type="submit" name="submitsearch" value="S&oslash;g" />
         </form>
         
     </aside>
     
     <nav id="topmenu">
         
         <a href="#" class="topmenu">Topmenu</a>
         
     </nav>
     
     <nav id="submenu">
         
         <a href="#" class="submenu">Submenu</a>
         
     </nav>
     
     <div style="clear: both; visibility: hidden;"></div>
     
 </header>

Og mine css filer:

reset.css

 /* 
 html5doctor.com Reset Stylesheet
 v1.6.1
 Last Updated: 2010-09-17
 Author: Richard Clark - http://richclarkdesign.com 
 Twitter: @rich_clark
 */
 
 html, body, div, span, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 abbr, address, cite, code,
 del, dfn, em, img, ins, kbd, q, samp,
 small, strong, sub, sup, var,
 b, i,
 dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend,
 table, caption, tbody, tfoot, thead, tr, th, td,
 article, aside, canvas, details, figcaption, figure, 
 footer, header, hgroup, menu, nav, section, summary,
 time, mark, audio, video {
     margin:0;
     padding:0;
     border:0;
     outline:0;
     font-size:100%;
     vertical-align:baseline;
     background:transparent;
 }
 
 body {
     line-height:1;
 }
 
 article,aside,details,figcaption,figure,
 footer,header,hgroup,menu,nav,section { 
     display:block;
 }
 
 nav ul {
     list-style:none;
 }
 
 blockquote, q {
     quotes:none;
 }
 
 blockquote:before, blockquote:after,
 q:before, q:after {
     content:'';
     content:none;
 }
 
 a {
     margin:0;
     padding:0;
     font-size:100%;
     vertical-align:baseline;
     background:transparent;
 }
 
 /* change colours to suit your needs */
 ins {
     background-color:#ff9;
     color:#000;
     text-decoration:none;
 }
 
 /* change colours to suit your needs */
 mark {
     background-color:#ff9;
     color:#000; 
     font-style:italic;
     font-weight:bold;
 }
 
 del {
     text-decoration: line-through;
 }
 
 abbr[title], dfn[title] {
     border-bottom:1px dotted;
     cursor:help;
 }
 
 table {
     border-collapse:collapse;
     border-spacing:0;
 }
 
 /* change border colour to suit your needs */
 hr {
     display:block;
     height:1px;
     border:0;   
     border-top:1px solid #cccccc;
     margin:1em 0;
     padding:0;
 }
 
 input, select {
     vertical-align:middle;
 }

main.css

 h1 {
     padding-top: 15px;
     padding-left: 15px;
     padding-right: 5px;
     padding-bottom: 5px;
     font-size: 100px;
     font-family: DaysLater;
     filter: alpha(opacity= 60);
     -moz-opacity: .60;
     opacity: .60;
     text-shadow: 0px 0px 5px #FFFFFF;
     color: #B00000;
     float: left;
 }
 
 #search {
     padding-top: 15px;
     padding-left: 5px;
     padding-right: 15px;
     padding-bottom: 5px;
     float: right;
 }
 
 #container {
     width: 900px;
     
     margin: 0 auto;
     
     border-top-left-radius: 25px;
     border-top-right-radius: 25px;
     border-bottom-right-radius: 25px;
     border-bottom-left-radius: 25px;
     -moz-border-top-left-radius: 25px;
     -moz-border-top-right-radius: 25px;
     -moz-border-bottom-right-radius: 25px;
     -moz-border-bottom-left-radius: 25px;
     
     box-shadow: 0px 0px 15px #000000;
 }
 
 header {
     width: 900px;
     height: 190px;
     
     margin: 0 auto;
     
     border: 2px solid;
     
     border-top-left-radius: 0px;
     border-top-right-radius: 0px;
     border-bottom-right-radius: 25px;
     border-bottom-left-radius: 25px;
     
     -webkit-border-top-left-radius: 0px;
     -webkit-border-top-right-radius: 0px;
     -webkit-border-bottom-right-radius: 25px;
     -webkit-border-bottom-left-radius: 25px;
     
     -khtml-border-top-left-radius: 0px;
     -khtml-border-top-right-radius: 0px;
     -khtml-border-bottom-right-radius: 25px;
     -khtml-border-bottom-left-radius: 25px;
     
     -moz-border-top-left-radius: 0px;
     -moz-border-top-right-radius: 0px;
     -moz-border-bottom-right-radius: 25px;
     -moz-border-bottom-left-radius: 25px;
     
     behavior: url(border-radius.htc);
     
     box-shadow: 0px 0px 15px #000000;
     
     background: transparent url(banners/Borgen44.png);
     -moz-background-size: 100% 100%;
     background-size: 100% 100%;
     background-repeat: no-repeat;
 }

Jeg sidder selv på Xubuntu, og har installeret Firefox, Opera og Chrome, men har ikke mulighed for at teste sitet i Safari eller IE. Jeg har lånt en vens computer en gang imellem for at teste det i IE8.

Hvis der er nogle der har mulighed for at se det i Safari og i hhv. IE7, IE8 og IE9 ville det være fedt med en "rapport".