IE7 Broke my Website

[nomis]

Hi There,

I've recently been learning XHTML/CSS (hand coding) and I thought I'd start to put a simple site together - Not a genuine site, but just an exercise. I used one of the free hosts to get it online.

Here is the URL:

http://robotica.99k.org/

The problem is, it works just fine on Chrome, Firefox and Safari (both on Win and Mac), but a few things break when it's viewed on IE7 (and one or two on IE8)

Does anyone please have any ideas how I can fix these?

It should look like this:

[IMG]http://img143.imageshack.us/img143/4020/chromebu.jpg[/IMG]
By [URL=http://profile.imageshack.us/user/nomos66]nomos66[/URL] at 2011-06-09

But it looks like this:

[IMG]http://img821.imageshack.us/img821/6646/iebe.jpg[/IMG]
By [URL=http://profile.imageshack.us/user/nomos66]nomos66[/URL] at 2011-06-09

[tedster]

Hello nomis, and welcome to the forums.

Start by making sure your html validates: W3C Validator - HTML [validator.w3.org]

Browsers all have unique error correction routines, and trying to make non-valid code work across browsers can literally be impossible, so validation is step 1.

[nomis]

Cheers
si

[JAB Creations]

Nomis, you have conditional comments for Internet Explorer style sheets, good...however they are children to a script element, completely invalid. Remove the script element encasing them regardless of whether they work as desired now or not. There are validation errors, you can clean those up in a matter of minutes however.

- John