Peculiar line break problem in IE7

[tefflox]

Please take a look at the way Firefox (I'm using v.3 rc2) compares to IE7 on the following page: listenlight.net/16/cooper

such that --

<br /> text
<br />
<br /> text

looks like

text
text

in IE7, instead of the correct

text

text

the css file, listenlight.net/16/issue.css may be of interest.

Please help me solve this problem. Thank you.

[sreein1986]

it's n't a problem because u put the

<br>

so first remove and try it IE and Firefox

[tefflox]

What?? I don't understand your reply at all.

here is the code..

<div style="width: 500px; text-align: justify;" id="content">
              <br /> text
              <br />
              <br /> text

[sreein1986]

please delete here <br /> tag in div tag OK
n then check in mozilla and IE

<div style="width: 500px; text-align: justify;" id="content">
               text<br>
               text

[tefflox]

that doesn't make any difference. i tried it.

i had to use [if IE] quirks tags everywhere. it's ugly but ready to go.

It's worth looking into. I have no idea what caused the bug to surface...

[MidiMagic]

His page is xhtml. It requires the self-closing form of br: <br /> The problem is the use of the br tag to insert breaks in the text. The correct way to display this is to use p tags to surround the paragraphs. This is not the intent of the br tag. The br tag is for forcing a single new line in the middle of text, without inserting a blank line.

Wrong:
<div>
  text
  <br><br>text
  <br><br>text
  <br><br>text
</div>

Right:
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>