CSS inconsitency with form elements

[stormbind]

<style>
P {border:1px solid black;}
</style>

<p>Can you see two radio buttons?

<br><input type="radio" name="1"> Yes
<br><input type="radio" name="1"> No
</p>

The problem is that: In NS4 the border is being wrapped around the text and ignores the form elements, but in IE it wraps around all elements.

Can this be fixed? Doctype perhaps? Thanks

----------
I'm willing to trade custom scripts for... [see profile]

 

[stormbind]

Interesting: using <a></a> instead of <p></p> has more uniform results.

----------
I'm willing to trade custom scripts for... [see profile]

 

[stormbind]

Arr, darn it:

<a style=""><a href=""></a></a>

NS: Renders as markup describes with one element nested inside the other.
IE: Renders all over the place with elements next to each other

----------
I'm willing to trade custom scripts for... [see profile]

 

[ChrisHunt]

NS4 + CSS = confusion in almost every case.

If you abolutely have to have your page look a particular way in NS4, use pre-CSS tricks like one-cell tables to get the look you're after.

If, on the other hand, you're an ordinary web-site you can pretty much ignore NS4. Hardly anybody uses it, and those that do will still be able to use your site. It just won't be so pretty.

You have to decide whether the additional income generated from the 3 remaining NS4 users will pay for the medical treatment for the ulcers NS4 CSS support will give you...

-- Chris Hunt

http://www.mcgonagall-online.org.uk

http://www.napitalia.org.uk

http://www.leicesteryha.org.uk