Hello im fairly new to webdevelopment so this might be a dumb question, however i still would like some clarification. Whenever i open this project with the latest version of firefox(29.0.1), the profile image that's added just under the <section>. disappears from the browser completly, i even tried changing computer and uninstalling all addons. The problems still remains, However. Google chrome and IE doesn't seem to have that problem. However if i use the markup, (excluding the paragraph element)

       <p> <span id="picspan"><img src="img/profile.jpg" alt="photograph of Me" class="profile"></span> </p> 

and the css code,

picspan {

display: block;
max-width: 150px;
margin: 0 auto 30px;

}

.profile { border-radius: 100%; }

the image will be shown as in the video. However, i still quite don't understand why... 1, why won't the border-radius work inside the #picspan id? 2, why does display:block; whenever used without span(inside firefox 29.0.1) make the whole image dissapear? 3, What diffrence does the <span> element do to make the picture actually show? 4, is there any other practice i should use to solve this?