I have nested div tags and the innermost tag contains an image. The page looks good on chrome, safari and firefox but it just doesn't show the image in IE. Any pointers would be helpful. There is a js script running on the div for animation effects. Including code here.

    <div  id="jq_fmslideshow" style="position:relative;">

      <div id="fmslideshow" style="visibility:hidden" >

        <!--Slide Complete -->

        <div id="container" style="width:100%"> 
          <div id="logospace" style="width:100%" data-align="T" data-spacing="0" data-inOutDirection="RL" data-inOutDistance="30" class="divStyle" >
            <a href="somereference" title="" >
              <img height="75" width="175" src="./images/myimg.png"  align="left" alt="Logo" /> </a>

          <!-- Some cities -->
          <div align="left" data-align="LC" data-spacing="40,40" data-inOutDirection="RL" data-inOutDistance="30" class="divStyle" >
            <ul id="dblSpaced">
              <li><p>Silicon Valley</p></li>
              <li><p>New York</p></li>
              <li><p>Washington DC Metro</p></li>

          <!-- Central Vertical Line here -->
          <img data-align="C" data-spacing="40" data-inOutDirection="L" data-inOutDistance="50" class="imgSty" src="images/verticalLine.png" alt="fmslideshow" />

          <!-- The bottom line -->
          <img data-align="BC" data-spacing="0,0" data-inOutDirection="L" data-inOutDistance="50" class="imgSty" src="images/line.png" alt="fmslideshow"  />




and the related CSS -

   display: block;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    font-family:Arial,"Times New Roman";

ul{	font-size:13px;
	padding:3px 2px 3px 22px;

ul li{	border-bottom:1px solid #ccc;
	padding:3px 2px 3px 0px;

#dblSpaced	{
   font-weight: bold;
I can't figure what I am doing wrong here. Plz help!

Thank you for your interest,