Floating <hr>s to the left/IE problems...

[escaflowne11]

http://www.scoffshop.com/redesign/news.html

Theres my page again. I cant get the hr to float to the left in IE, but I can with firefox... I also cant get the nav to drop down still, even with all the adjustments. Any comments? The code all looks right, but its just not working for me...

(I dont know if I am voilating rules by starting new threads, so please let me know if I am overdoing it...)

[moojoo]

Instead of a horizontal rule perhaps you may want to try something like

.hrdiv {
height:2px;
border-bottom:solid 1px #CCCCCC;
float:left;
}

<div class="hrdiv">&nbsp;</div>

[escaflowne11]

Oh wow thats a great idea! Use a div layer to position it... Thanks, Ill remember that I can do that as an alternative!

[Ryan Fait]

Personally, I would do one of these:

Code: Select all

h2 {
    width: 300px;
    padding: 0 0 4px 0;
    font: 1.4em arial,sans-serif;
    border-bottom: 1px solid #000;
}

[Ryan Fait]

I should add, the <hr /> tag is not meant to be used that way. A header is already separating the content, you don't want to make it look like the content has no header.

[ukgeoff]

The reason your dropdowns don't work in IE is because your csshover.htc file isn't where your code says it is.

Change your ieonly.css file to:

Code: Select all

behavior: url(css/csshover.htc);

and I think you will find it works.

Alternatively move your csshover.htc file back up a level in your directory structure.