IE fix for width:auto; (better solution?)

programming web dev
1

So I have a division at the top of my page, and it never displayed right in IE.

The most important parts:


div.top {
  position:absolute;
  right:10px;
  left:10px;
  top:10px;
  width:auto;
}



<div class="top">jfFlash</div>

So… I realized the reason my other div with (right:10px) worked was because it had more content than this one, so therefore it wrapped, and IE stretched the div to what it saw as the maximum right position, not the static right position.

Anyway, by adding


overflow:hidden;

and changing the code to


<div class="top">jfFlash<font color="#ffffff">I E h a s t h e w o r s t c s s i n t h e w o r l d . . . t h e s a d p a r t i s, i t i s t h e m o s t p o p u l a r b r o w s e r i n t h e w o r l d</font></div>

```html


Which is a good solution for two reasons:
1- it almost works in IE, and it did not hurt the way Firefox had correctly rendered the page, (like my attempts to set width to a percentage)
2- it makes fun of IE :lol:

But is there some way I could have solved this with CSS alone, avoiding Conditional Comments?