0 Replies Latest reply on Jul 18, 2007 4:10 AM by Bobbi67

    Image disappears when scrolling

    Bobbi67
      The image "What's This About?" keeps disappearing when I scroll up and down. It reappears if you hit refresh, but I can't figure out what's causing it to disappear. I've included the link and CSS. The image is under #explanation.

      http://bellsouthpwp.net/r/a/rarose1967/homework/Final/final7.html

      body {
      color: #000066;
      margin: 0px;
      padding: 0px;
      font-family: Georgia, "Times New Roman", Times, serif;
      background-image: url(images/faded_daisy.jpg);
      background-repeat: repeat;
      }
      p {
      font-family: Geneva, Arial, Helvetica, sans-serif;
      font-weight: normal;
      font-size: 10pt;
      color: #006699;
      left: 25%;
      top: 25%;
      line-height: 1.33em;
      }

      a:link {
      text-decoration: underline;
      color: #3366CC;
      font-weight: bold;
      }

      a:visited {
      text-decoration: none;
      color: #3366cc;
      font-weight: bold;
      font-style: italic;
      }
      a:hover {
      color: #3366cc;
      text-decoration: underline;
      }
      h1, h2, h3 {
      display: none;
      }

      #container {
      width: 760px;
      background-image: url(images/Daisies_bkgrnd2.jpg);
      background-repeat: no-repeat;
      background-color: #FFFFCC;
      height: 100%;
      position: relative;
      left: auto;
      top: 0px;
      right: auto;
      bottom: 0px;
      margin: 10px auto 0px;
      border: .25px solid #FFFF99;
      }
      #linkList {
      width: 230px;
      background-image: url(images/sidebox_yellow%20copy.gif);
      background-repeat: no-repeat;
      height: 590px;
      position: absolute;
      top: 445px;
      left: 67%;
      }
      #linkList2 {
      color: #3399CC;
      position: relative;
      top: 15px;
      text-align: left;
      height: 100%;
      right: 0px;
      }
      #linkList2 ul {
      text-align: left;
      line-height: 1.8em;
      }
      #lselect {
      font-family: Geneva, Arial, Helvetica, sans-serif;
      font-size: 10pt;
      list-style-type: none;
      line-height: 1.8em;
      top: 0px;
      padding: 0px;
      right: 0px;
      margin-top: 40px;
      margin-right: 3px;
      margin-bottom: 0px;
      }
      #larchives {
      font-family: Geneva, Arial, Helvetica, sans-serif;
      font-size: 10pt;
      line-height: 1.8em;
      margin-top: 68px;
      }
      #lresources {
      font-family: Geneva, Arial, Helvetica, sans-serif;
      font-size: 10pt;
      line-height: 1.8em;
      margin-top: 65px;
      }
      #linkList a {
      color: #3399CC;
      }
      #linkList li {
      list-style-type: none;
      }
      #linkList a:hover {
      color: #3399CC;
      text-decoration: underline;
      }
      #linkList a:visited {
      font-style: italic;
      color: #3399cc;
      }

      #pageheader {
      display: none;
      }
      #preamble {
      margin-top: 430px;
      margin-right: 35%;
      padding-top: 35px;
      margin-left: 1em;
      background-image: url(images/Road_new.jpg);
      background-repeat: no-repeat;
      }
      #requirements {
      background-image: url(images/Requirements_new.jpg);
      background-repeat: no-repeat;
      margin: 0px 1em;
      padding-top: 35px;
      }

      #quickSummary {
      position: absolute;
      top: 346px;
      width: 759px;
      left: 0px;
      height: 35px;
      background-color: #FFFF99;
      padding: 10px 0px;
      }
      #quickSummary .p1 span {
      top: 1.5em;
      position: absolute;
      left: 4.5em;
      }
      #quickSummary .p2 span {
      margin: 0px;
      top: 1.5em;
      position: absolute;
      left: 420px;
      width: 40%;
      }
      #supportingText {
      height: 100%;
      position: relative;
      }
      #explanation {
      background-image: url(images/About_new.jpg);
      background-repeat: no-repeat;
      padding-top: 35px;
      margin-top: 25px;
      margin-right: 35%;
      margin-left: 1em;
      }
      #participation {
      padding-top: 35px;
      background-image: url(images/Participation_new.jpg);
      background-repeat: no-repeat;
      margin: 0px 1em;
      }
      #benefits {
      padding-top: 35px;
      background-image: url(images/Benefits_new.jpg);
      background-repeat: no-repeat;
      margin: 0px 1em;
      }
      #footer {
      clear: both;
      font-family: Geneva, Arial, Helvetica, sans-serif;
      font-size: 10pt;
      margin: 0px;
      padding: 5px 0px 5px 2.5em;
      background-color: #3399CC;
      }
      #footer a:link {
      color: #FFFFFF;
      text-decoration: none;
      }
      #footer a:hover {
      color: #FFFFFF;
      text-decoration: underline;
      }
      #footer a {
      position: relative;
      right: 35%;
      left: 35%;
      }

      #footer a:visited {
      font-style: italic;
      color: white;
      }



      -->
      </style>