Pastable version of Why does this look weird in IE?

<div style="overflow:auto;border:solid 1px #ccc;background:#000;color:#F8F8F8">
 <div class="section">
 View
 <pre style="float:left;margin:0 10px;border-right:0;color:#666;">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136</pre>
 <pre class="sunburst">&lt;%- @title = &quot;Write entry&quot; -%&gt;

&lt;h2&gt;&lt;img src=&quot;/blog/images/writersicon.png&quot; alt=&quot;An image of a clipboard&quot;&gt; Write new entry&lt;/h2&gt;

&lt;%= form_tag({:action =&gt; &quot;save&quot;} ,{:id =&gt;&quot;live-entry-form&quot;}, {:method =&gt; &quot;post&quot;, :multipart =&gt; true}) %&gt;
&lt;h8&gt;&lt;a href=&quot;#&quot; id=&quot;reveal&quot; onclick=&quot;Element.show('entry_basic'); Element.hide('reveal');new Effect.Highlight('entry_basic');return false;&quot;&gt;Show basic information about the entry&lt;/a&gt;&lt;/h8&gt;
&lt;fieldset id=&quot;entry_basic&quot;&gt;
&lt;legend&gt;Basic information about the entry - &lt;h8&gt; &lt;a href=&quot;#&quot; onclick=&quot;new Effect.Fade('entry_basic'); Effect.Appear('reveal'); return false;&quot;&gt;Hide&lt;/a&gt;&lt;/h8&gt;&lt;/legend&gt;
&lt;%= hidden_field &quot;entry&quot;, &quot;id&quot; %&gt;
&lt;ol&gt;
 &lt;li class=&quot;left&quot;&gt;
 &lt;label for=&quot;entry_title&quot;&gt;&lt;span class=&quot;accesskey&quot;&gt;T&lt;/span&gt;itle:&lt;/label&gt;
 &lt;%= text_field &quot;entry&quot;, &quot;title&quot;, {:accesskey =&gt; &quot;t&quot;, :onblur =&gt; &quot;makeSlug();&quot;} %&gt;
 &lt;/li&gt; 
 &lt;li class=&quot;right&quot;&gt;
 &lt;label for=&quot;entry_slug&quot;&gt;Slu&lt;span class=&quot;accesskey&quot;&gt;g&lt;/span&gt;:&lt;/label&gt;&lt;h8&gt; &lt;a href=&quot;#&quot; id=&quot;whatThisLink&quot; onclick=&quot;Element.show('whatThis1');Effect.Fade('whatThisLink');new Effect.Highlight('whatThis1');return false;&quot;&gt;What's This?&lt;/a&gt;&lt;/h8&gt;
 &lt;%= text_field &quot;entry&quot;, &quot;slug&quot;, {:accesskey =&gt; &quot;g&quot;} %&gt;
 &lt;/li&gt;
 &lt;li id=&quot;whatThis1&quot; class=&quot;right&quot;&gt;
 &lt;p&gt;The 'slug' is what the URL will be, usually the shorter the better but generally you wont have to worry about this. Leave it as it is.&lt;/p&gt;&lt;h8&gt; &lt;a href=&quot;#&quot; onclick=&quot;new Effect.Fade('whatThis1');Element.show('whatThisLink');return false;&quot;&gt;Hide&lt;/a&gt;&lt;/h8&gt;
 
 &lt;/li&gt;
 &lt;li class=&quot;left&quot;&gt;
 &lt;label for=&quot;entry_tags&quot;&gt;T&lt;span class=&quot;accesskey&quot;&gt;a&lt;/span&gt;gs:&lt;/label&gt;
 &lt;%= text_field &quot;entry&quot;, &quot;tags&quot;, {:value =&gt; tags(@entry), :accesskey =&gt; &quot;a&quot;,
 :autocomplete =&gt; &quot;off&quot;, :onkeydown =&gt; &quot;keyPress(event);&quot;, :onkeyup =&gt; &quot;suggestTags(event);&quot;} %&gt;
 &lt;/li&gt;
 &lt;li class=&quot;right&quot;&gt;
 &lt;%= hidden_field 'entry', 'state', :value=&gt; &quot;D&quot; %&gt;
 &lt;/li&gt;
 &lt;li class=&quot;left&quot; id=&quot;entry_suggest&quot;&gt;
 &lt;label&gt;Suggestions:&lt;/label&gt;
 &lt;ul id=&quot;entry_suggest_suggestions&quot;&gt;&lt;/ul&gt;
 &lt;/li&gt;
 &lt;li id=&quot;hidden&quot; class=&quot;right&quot;&gt;
 &lt;label for=&quot;entry_date_published&quot;&gt;Date:&lt;/label&gt;
 &lt;%- if @entry -%&gt;
 &lt;%= datetime_select &quot;entry&quot;, &quot;date_published&quot; %&gt;
 &lt;%- else -%&gt;
 &lt;%- t = Time.now + (Option[&quot;general_timedifference&quot;].to_f * 60 * 60) -%&gt;
 &lt;%= select_year(t, {:prefix =&gt; &quot;entry&quot;, :field_name =&gt; &quot;date_published(1i)&quot;}) +
 select_month(t, {:prefix =&gt; &quot;entry&quot;, :field_name =&gt; &quot;date_published(2i)&quot;}) +
 select_day(t, {:prefix =&gt; &quot;entry&quot;, :field_name =&gt; &quot;date_published(3i)&quot;}) + &quot; &amp;mdash; &quot; +
 select_hour(t, {:prefix =&gt; &quot;entry&quot;, :field_name =&gt; &quot;date_published(4i)&quot;}) + &quot;:&quot; +
 select_minute(t, {:prefix =&gt; &quot;entry&quot;, :field_name =&gt; &quot;date_published(5i)&quot;}) %&gt;
 &lt;%- end -%&gt;
 &lt;/li&gt;
 &lt;li class=&quot;right&quot;&gt;
 &lt;%= hidden_field 'entry', 'user_id', :value=&gt; session[&quot;user&quot;].id %&gt;
 &lt;/li&gt;
 &lt;/li&gt;
 &lt;li class=&quot;left&quot;&gt;
 &lt;a href=&quot;#&quot; onclick=&quot;new Effect.Fade('entry_basic'); Effect.Appear('reveal'); return false;&quot;&gt;Done here? Now Hide it!&lt;/a&gt;
 &lt;/li&gt;
&lt;/ol&gt;
&lt;/fieldset&gt;

&lt;/ul&gt;

&lt;%= hidden_field &quot;entry&quot;, &quot;type_id&quot; %&gt;
&lt;%= hidden_field &quot;entry&quot;, &quot;description&quot; %&gt;
&lt;%= hidden_field &quot;entry&quot;, &quot;contents&quot; %&gt;

&lt;%= observe_form &quot;live-entry-form&quot;,
					:frequency =&gt; 1,
					:update =&gt; &quot;live-preview&quot;,
					:complete =&gt;&quot;Element.show('live-preview')&quot;,
					:url =&gt; {:controller =&gt; &quot;entries&quot;, :action=&gt;&quot;show&quot;} %&gt;
&lt;%= observe_form &quot;live-entry-form&quot;,
					:frequency =&gt; 5,
					:update =&gt; &quot;message&quot;,
					:complete =&gt;&quot;Element.show('live-preview')&quot;,
					:url =&gt; {:controller =&gt; &quot;entries&quot;, :action=&gt;&quot;save_draft&quot;} %&gt;
&lt;!--&lt;div id=&quot;message&quot; style=&quot;color:#990000;&quot;&gt;&lt;/div&gt;--&gt;
&lt;%- for type in @types -%&gt;
&lt;%= render :partial =&gt; &quot;type_&quot; + type.name %&gt;
&lt;%- end -%&gt;

&lt;script type=&quot;text/javascript&quot;&gt;
if($(&quot;entry_type_id&quot;).value != &quot;&quot;) {
 loadType($(&quot;entry_type_id&quot;).value);
} else {
 loadType(1);
}
&lt;/script&gt;
&lt;/div&gt;

&lt;%- for plugin in @plugins -%&gt;
&lt;%= render :partial =&gt; &quot;plugin_&quot; + plugin[&quot;key&quot;] %&gt;
&lt;%- end -%&gt;

&lt;script type=&quot;text/javascript&quot;&gt;
loadPlugin(&quot;&lt;%= @plugins[0]['key'] %&gt;&quot;);
document.getElementById(&quot;reveal&quot;).hide();

document.getElementById(&quot;hidden&quot;).hide();
document.getElementById(&quot;whatThis1&quot;).hide();

&lt;/script&gt;
&lt;/div&gt;

&lt;div id=&quot;entry_submit&quot; class=&quot;submit&quot;&gt;
&lt;%= hidden_field_tag &quot;submit&quot;, &quot;&quot; %&gt;
&lt;% #if session[&quot;user&quot;].permission == &quot;writer&quot; %&gt;
&lt;%= submit_tag &quot;Send To Editor&quot;, :id =&gt; &quot;entry_submit_send&quot;, :onclick =&gt; &quot;submitButton(this);&quot; if (@entry and @entry.state != &quot;E&quot;) or (!@entry) %&gt;
&lt;% #end %&gt;
&lt;% if session[&quot;user&quot;].permission == &quot;admin&quot; %&gt;
&lt;%= submit_tag &quot;Publish Live&quot;, :id =&gt; &quot;entry_submit_publish&quot;, :onclick =&gt; &quot;submitButton(this);&quot; if (@entry and @entry.state != &quot;P&quot;) or (!@entry) %&gt;
&lt;% end %&gt;
&lt;%= submit_tag &quot;Save and Preview&quot;, :id =&gt; &quot;entry_submit_save&quot;, :class =&gt; &quot;default&quot;, :onclick =&gt; &quot;submitButton(this);&quot; %&gt;
&lt;%= submit_tag &quot;Save and continue editing&quot;, :id =&gt; &quot;entry_submit_saveandcontinue&quot;, :onclick =&gt; &quot;submitButton(this);&quot; %&gt;
&lt;%= tag :input, {:type =&gt; &quot;button&quot;, :name =&gt; &quot;commit&quot;, :value =&gt; &quot;Cancel&quot;, :id =&gt; &quot;entry_submit_cancel&quot;, :onclick =&gt; &quot;window.history.back();&quot;} %&gt;
&lt;/div&gt;

&lt;%= end_form_tag %&gt;

&lt;div style=&quot;clear: both;&quot; /&gt;
&lt;/div&gt;

</pre>
 </div>
 </div>

Refactor :my => 'code'

Recent

Popular

Pastable version of Why does this look weird in IE?