Opera problem

[Schmoopy]

Ok, so after yet another redesign (my brother gets bored quickly), I have come up with this: http://www.bombthehills.com/test/index.html

It works in FF and IE (with a different stylesheet), but in opera there is this annoying line left of the "basics" link. I've tried to get rid of it but don't understand what's wrong, since the page has been validated : Validation Link (http://validator.w3.org/check?uri=http%3A%2F%2Fbombthehills.com%2Ftest%2Findex.html&charset=(detect+automatically)&doctype=Inline&group=0).

I was thinking of making a conditional statement for Opera if I can't fix it, but would need a little bit of guidance on how to do it, as I tried:

<!--[if Opera]>
<link href="operaindex.css" rel="stylesheet" type="text/css">
<![endif]-->

But it didn't work, hoping I don't have to resort to that though,

Any help I would be thankful for, kudos++ :P

Jack. Update: Sort of works, but I still want to know how to write a conditional statement for opera if possible, because the <hr/> is further down in Opera than FF and IE.

[BLiZZaRD]

Conditional comments are only rad by MSIE 5/6/7+ Not by any Gecko based browser. :)

[TheJoshMan]

ah, but you can (sort of)

see here: http://www.sprymedia.co.uk/article/Conditional-CSS

[Schmoopy]

Thanks for that info, I may need to use it in the future, but for now I've fixed the problem and it lines up well in both FF and Opera now, IE fixed with conditional :)