I'm building a site which has a row of social media buttons. There is a button each for my facebook, twitter, youtube and Amazon pages. All except one work fine in all my three test browsers (Firefox, IE and Chrome) The Facebook button only works in Firefox. I've stared at the link until my eyes cross but cannot find anything wrong with the address or the way I've coded it. And it can't be too far wrong or Firefox would not be able to understand it either. Unfortunately the site is not quite ready to upload so I can't test it as a live site yet. So I'm only able to view it in browsers via the real-time preview. And because of that, I can't show you. I'm hoping that once the site, is uploaded to the real world it will work there. How likely is this? Has anyone else had experiences like this? This is the code for my four buttons. Can anyone see anything wrong with it? <!-- Links to Social network accounts --> <aside class="socialNetworkNavBar"> <div class="socialNetworkNav"> <!-- Add a Anchor tag with nested img tag here --> <a href="https://www.facebook.com/tui.allen.7"><img src="images/fb-logo.png" alt="facebook-icon"></a> </div> <div class="socialNetworkNav"> <!-- Add a Anchor tag with nested img tag here --> <a href="https://twitter.com/tuiallen"><img src="images/twitter-logo.png" alt="twitter-icon"></a> </div> <div class="socialNetworkNav"> <!-- Add a Anchor tag with nested img tag here --> <a href="https://www.youtube.com/user/tuilorraine"><img src="images/youtube-logo.png" alt="youtube-icon"></a> </div> <div class="socialNetworkNav"> <!-- Add a Anchor tag with nested img tag here --> <a href="https://www.amazon.com/dp/B00NHAW4PE"> <img src="images/amazon-logo.png" alt="amazon-icon"></a> </div> </aside>
... View more