title: Custom radio button: Why isn't this displaying the image?
body: <p>I am a rank amateur at CSS, so this may be a stupid question, but why aren't the images for these custom buttons working?  The radio buttons themselves work just fine, but the images don't load.</p>
  
  <p>I tried eliminating the text string after the ampersand, and the image loads just fine, but not surprisingly it no longer functions as a radio button when I do that.  Apache2 reports "unable to stat" errors, so this looks like a server-side error.</p>
  
  <p>Relay.cgi:</p>
  
  <pre><code>#! /bin/bash
  . /usr/lib/cgi-bin/relay/header.cgi
  RunTest=$( $DIR/runtest )
  if [[ $RunTest -eq 1 ]]
  then
      nohup $DIR/Status.cgi
      exit
  fi
  cat $DIR/header.html
  echo '&lt;/HEAD&gt;'
  
  echo '&lt;BODY style="background-color:#00EE66"&gt;'
  echo '&lt;table&gt;'
  echo '&lt;tr&gt;&lt;h1&gt;&lt;b&gt;Aquarium Equipment Suspend&lt;/b&gt;&lt;/h1&gt;&lt;/tr&gt;'
  echo '&lt;form action="/cgi-bin/relay/Timer.cgi"&gt;'
  echo '&lt;h2&gt;'
  echo '&lt;p&gt;&lt;b&gt;'
  echo '&lt;tr&gt;'
  i=1
  while read line
  do
      echo '&lt;tr&gt;'
      echo '&lt;th&gt;'$line'&lt;/th&gt;'
      echo '&lt;th&gt;&lt;input type="radio" name="R'$i'" value="15"&gt;'
      echo '&lt;img src="/images/Button.png"&gt;&lt;/th&gt;'  &lt;=== Removed text for testing.  Image loads.
      echo '&lt;th&gt;&lt;input type="radio" name="R'$i'" value="30"&gt;'
      echo '&lt;img src="/images/Button.png&amp;text=30 Minutes"&gt;&lt;/th&gt;'  &lt;=== Radio button works.  Image does not load.
      echo '&lt;th&gt;&lt;input type="radio" name="R'$i'" value="60"&gt;'
      echo '&lt;img src="Button.png&amp;text=60 Minutes"&gt;&lt;/th&gt;'
      echo '&lt;th&gt;&lt;input type="radio" name="R'$i'" value="120"&gt;'
      echo '&lt;img src="Button.png&amp;text=120 Minutes"&gt;&lt;/th&gt;'
      i=$(( $i + 1 ))
  done &lt; $DIR/Relays.fil
  echo '&lt;br&gt;&lt;input type="submit" value="Submit"&gt;'
  echo '&lt;/b&gt;&lt;/p&gt;'
  echo '&lt;/form&gt;'
  echo '&lt;/h2&gt;'
  echo '&lt;/table&gt;'
  echo '&lt;/BODY&gt;'
  echo '&lt;/HTML&gt;'
  </code></pre>
  
  <p>header.html:</p>
  
  <pre><code>Content-Type: text/html
  
  &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"&gt;
  &lt;HTML&gt;
  &lt;HEAD&gt;
  &lt;TITLE&gt; Aquarium Relay Control &lt;/TITLE&gt;
  &lt;META NAME="Generator" CONTENT="EditPlus"&gt;
  &lt;META NAME="Author" CONTENT="Leslie Rhorer"&gt;
  &lt;META NAME="Keywords" CONTENT=""&gt;
  &lt;META NAME="Description" CONTENT=""&gt;
  &lt;STYLE&gt;
  /* HIDE RADIO */
  [type=radio] { 
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  /* IMAGE STYLES */
  [type=radio] + img {
    cursor: pointer;
  }
  
  /* CHECKED STYLES */
  [type=radio]:checked + img {
    outline: 2px solid #f00;
  }
  </code></pre>
  
  <p>Apache2/errorlog:</p>
  
  <pre><code>[Fri Jun 07 13:28:29.299318 2019] [cgid:error] [pid 21675:tid 1946154032] [client 192.168.1.121:51888] AH01264: script not found or unable to stat: /usr/lib/cgi-bin/relay/Button.png&amp;text=60 Minutes, referer: http://192.168.1.40/cgi-bin/relay/index.cgi
  </code></pre>