Path: csiph.com!v102.xanadu-bbs.net!xanadu-bbs.net!news.glorb.com!border3.nntp.dca.giganews.com!Xl.tags.giganews.com!border1.nntp.dca.giganews.com!nntp.giganews.com!local2.nntp.dca.giganews.com!nntp.posted.localnet!news.posted.localnet.POSTED!not-for-mail
NNTP-Posting-Date: Sat, 04 Aug 2012 23:32:29 -0500
Date: Sat, 04 Aug 2012 21:32:27 -0700
From: Robert Baer <robertbaer@localnet.com>
User-Agent: Mozilla/5.0 (Windows NT 5.0; rv:10.0.1) Gecko/20120208 Firefox/10.0.1 SeaMonkey/2.7.1
MIME-Version: 1.0
Newsgroups: comp.lang.javascript
Subject: Stupid Question
Content-Type: text/plain; charset=ISO-8859-1; format=flowed
Content-Transfer-Encoding: 7bit
Message-ID: <Ivmdnarpr67AaoDNnZ2dnUVZ_gKdnZ2d@posted.localnet>
Lines: 37
X-Usenet-Provider: http://www.giganews.com
NNTP-Posting-Host: 67.168.185.228
X-Trace: sv3-n94yqMUFbHjev85NRE+QA8TolvguqxotyZmkwMaunrR9+CLkcGuv+m2OkapS+kznX4zsgPvOjSvjN0k!LZfaX+zixkk5A1ifz5NHQzDcZRnNGvLw/Tn+r8JXMaqHBxZGCUeV1+Tc14FllZ/Fm2K16AP2aCrW!Cotx0SQPnL22B07fPeUYF6HExk8GTpt4
X-Complaints-To: abuse@localnet.com
X-DMCA-Complaints-To: abuse@localnet.com
X-Abuse-and-DMCA-Info: Please be sure to forward a copy of ALL headers
X-Abuse-and-DMCA-Info: Otherwise we will be unable to process your complaint properly
X-Postfilter: 1.3.40
X-Original-Bytes: 2608
Xref: csiph.com comp.lang.javascript:15272

   Out of context code snippet first:
** QUOTE **
     <div class="clear"></div>
     <div class="slider">
      <div class="flexslider">
       <ul class="slides">
        <li class="sl1">
<!--[if lt IE 11]>
         <img src="images/SLIDER1.JPG" alt="Codatron&trade;">
<![else]
         <img src="images/Codatron.png" alt="Codatron&trade;">
<![endif]-->
         <div class="caption">
          <div class="text1"></div>
          <div class="text2">Codatron&trade; Regulator</div>
          <p>Our regulator is so quiet that the charge amplifiers used 
with the photomultipliers need no shielding during bench testing.</p>
          <a href="index-3.html">Read More</a>
         </div>
        </li>
<!--[if lt IE 11]>
        <li class="sl2">
         <img src="images/SLIDER2.JPG" alt="RoHS">
         <div class="caption">
          <div class="text1">Reduction of</div>
          <div class="text2">Hazardous Substances</div>
          <p>All of our high voltage regulators were
** END QUOTE **
   If i edit out all of the IF..ENDIF code and use only one of the <img 
src="images/etc lines, it "works" reasonably well.
   That is to say most browsers more-or-less renders the code as on 
might like (am ignoring that the width goes from the desired 800DPI to 
as much as 1000DPI and shuffles image and text blocks around).
   Q:
   Why does that added code alter how the browser renders things (by 
hiding the top image and related text)?