Absolute and relative addressing for stylesheets: issue with IE6 and pages not in the root

Question

The following conditional comment gives me a problem when I arrange my site into folders (instead of all pages in one directory, or all in the root). The directories are built according to the site hierarchy.
<!--[if lte IE6]>
<link rel="stylesheet" media="all" type="text/css" href="../styles/dropdown_ie.css />
<![endif]-->
<!--[if IE]>
My homepage is in the rootfolder, the dropdown_ie.css is in the folder "styles".
I use the dropdown menu from Stu Nichols http://www.cssplay.co.uk/menus/dd_valid.html and this works as long as all pages are in the same folder (or, in my case, as long as they all are together with the homepage in the rootfolder). But when pages are in different folders, the dropdown_ie.css is not read anymore when using IE6. Other browsers are ok; for those I use:
<style type="text/css">
<!--
@import url("../styles/flyout.css");
@import url("../styles/dropdown.css");
-->
</style>
What do you suggest I do to get the pages not in the root to read the dropdown_ie.css file when using IE6?
And I have a feeling that the way I import the styles may not be right, but I am not sure.
Any help will be greatly appreciated.
Erik

Answer 1

I solved this one by changing the relative addressing of my stylesheet location in absolute addressing. And I had to do this not only for the stylesheet, but for all addressing in the html related to this drop down menu:
href="http://mysafety.be/styles/dropdown_ie.css"
Changing the location of my files into subdirectories (and removing the spaces in the file names) also means that all my google indexing got screwed up; I submitted to google the whole list of addresses for removal from their cache. It will be another 4 weeks before everything is indexed correctly again, but I guess I better do this now before the site becomes fully operational.