Login

04-26-2008, 12:53 PM

[eluser]adamp1[/eluser]
OK I seem to have figured where the problem stems from. But have no idea why it is happening.

Basically there are some IE only rules which seem to stop the next style rules being even in FF.

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

&lt;html&gt;

&lt;head&gt;

&lt;title&gt;Untitled&lt;/title&gt;

&lt;style type="text/css"&gt;

&lt;!--

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, code,del, dfn, em, img, q, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}

body { line-height: 1.5; background: #fff; margin:1.5em 0; }

/* For what ever reason if you remove

   these next IE only styles the body 

   style after will get applied */

&lt;!--[if IE 5]>

body        { text-align: center; }

.container  { text-align: left; }

<![endif]--&gt;

&lt;!--[if IE 6]>

* html .column { overflow-x: hidden; }

legend { margin-bottom:1.4em; }

<![endif]--&gt;

&lt;!--[if gte IE 6]>

ol { margin-left:2em; }

<![endif]--&gt;

body {

  font-size: 75%;

  color: #222;

  font-family: Arial, Verdana, Helvetica, sans-serif;

}

--&gt;

&lt;/style&gt;

&lt;/head&gt;

&lt;body&gt;

This text should have a css style applied to it, set on line 102, but if you use<br />

firebug that style isn't applied.

&lt;/body&gt;

&lt;/html&gt;