Here is my HTML:
<style>
..leftcolumn{fl oat:left;width: 300px;border: 1px solid #ccc}
..rtcolumn{floa t:left;width:60 0px;border: 1px solid #ccc}
</style>
<body>
<div class="leftcolu mn" id="d_links">
multiple <a href="hello.asp x?q=something"> something</a><a
href="hello.asp x?q=something1" >something1</a><a
href="hello.asp x?q=something2" >something2</a><a
href="hello.asp x?q=something3" >something3</a><a
href="hello.asp x?q=something4" >something4</a><a
href="hello.asp x?q=something5" >something5</a>........
</div>
<div id="d_content" class="rtcolumn ">
long text here........... ............... ............... ...........
</div>
</body>
Issue:
The div with id "d_content" rendered is perfect the problem is with div
with id "d_links". The links(text) inside should wrap within the div
tags width but instead that is generated in one long line expanding the
DIV tag. Irrespective what width I assign to d_links it is rendered in
one line and pushes the d_content to next line in IE, whereas in FF
d_links goes under d_contents.
What is going on here? Any help will be greatly appreciated.
Thanks.
PS: I do not have this in public domain to show what is happening.