I am trying to make text appear after the div element containing the background image but no text is appearing underneath it. I'm not sure what to add, the paragraph isn't there and I've tried multiple styes for "this is a test".\[code\]<div id="opener"><p id="introText">Adam Ginther is a<class id="blueText"> front-end developer</class> with an interest in responsive & mobile design</p></div><br><div id="bottomOpener"><p id="awesome">I'm also 100% awesome</p></div><p> This is a test</p>/* first.css */body { background-color: black; font-family: 'Fenix', serif;}#opener { background-image: url('../images/background.jpg'); background-color: #373737; background-repeat:no-repeat; background-attachment:fixed; background-position:center; height: 800px; width: 100%; position: fixed; text-align: center;}#introText { width: 400px; height: 40px; margin-left: 200px; left: 20%; color: #ececec; background-color: black; text-align: center; position: absolute; padding: 50px 80px 50px 80px; font-size: 1.2em; /* black, 50% opacity */ background-color: rgba(0, 0, 0, .3); position: absolute;}#blueText { color:#00aeff;}#awesome { color: white;}#bottomOpener { background-color: white;}p { color: green;}\[/code\]