I have written an HTML/CSS website that I have modified from a CSS Template site that I was given.I have checked it against Chrome, Opera, Safari and it works fine.The problem is that when it comes to firefox it only displays the logo and some very basic navigation stuff.I was hoping someone with more web programming experience could take a look and let me know what might be going wrong.I hate to ask such a general question but I really have no idea what is going on. You can find the website here: matroscoe.ca.Thank you in advance for your help or pointers!<?php require('./blog/wp-blog-header.php'); ?><!DOCTYPE html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]--><!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]--><!--[if gt IE 8]> <html class="no-js" lang="en" id="index"> <![endif]--><head> <!-- Analytics --> <?php include_once( "php/analytics.php" ); ?> <base href="http://matroscoe.ca" /> <title>Home \\ Mat Roscoe</title> <!-- SEO Information --> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width"> <meta name="description" content="This website provides current information on the research and work of Matthew Roscoe"> <meta name="author" content="Matthew Roscoe, Graduate Student, http://matroscoe.ca"> <!-- Favicon --> <link rel="shortcut icon" type="image/x-icon" href="http://stackoverflow.com/questions/15503588/favicon.ico"> <link rel="shortcut icon" type="image/png" href="http://stackoverflow.com/questions/15503588/favicon.png"> <!-- CSS Style Sheets --> <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="http://stackoverflow.com/questions/15503588/css/style.css"> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--></head><body><!-- Prompt IE 7 users to install Chrome Frame --><!--[if lt IE 8]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]--><div class="container"> <script src="http://stackoverflow.com/questions/15503588/js/header.js" onload="header();"></script> <div class="home-page main"> <section class="grid-wrap" > <header class="grid col-full"> <hr> <p class="fleft">Home</p> <a href="http://stackoverflow.com/questions/15503588/about.php" class="arrow fright">more info</a> </header> <div class="grid col-one-half mq2-col-full"> <h1> Robotics <br> A.I. <br> Computer Vision <br> Space Exploration </h1> <p align="justify"> I am a graduate student studying <a href="http://en.wikipedia.org/wiki/3D_computer_vision">3D Vision Systems</a> and <a href="http://en.wikipedia.org/wiki/Artificial_intelligence">Artificial Intelligence</a> in robotic platforms. My goal is to work in space exploration robotics in the near future. </p> <p align="justify"> My current interests are focused around 3D object representation that has been afforded to us thanks to new RGB-D sensors. I am also investigating ways to learn about objects on the fly. You can learn more about the project I am working on either through my <a href="http://stackoverflow.com/questions/15503588/#">Publications Page</a> or through my <a href="http://stackoverflow.com/questions/15503588/#"> Projects Page </a>. </p> </div> <div class="slider grid col-one-half mq2-col-full"> <div class="flexslider"> <div class="slides"> <?php global $post; $args = array( 'posts_per_page' => 5 ); $myposts = get_posts( $args ); foreach( $myposts as $post ) : setup_postdata($post); ?> <div class="slide"> <figure> <?php $args = array( 'post_type' => 'attachment', 'numberposts' => -1, 'post_status' => null, 'post_parent' => $post->ID ); $attachments = get_posts( $args ); if ( $attachments ) { //echo wp_get_attachment_image( $attachment->ID, 'full' ); $image_attributes = wp_get_attachment_image_src( $attachments[1]->ID, 'full' ); ?> <img class="front" src="http://stackoverflow.com/questions/15503588/<?php echo $image_attributes[0]; ?>" width="400px" height="370px"> <?php } ?> <figcaption> <div> <h5><?php the_title(); ?></h5> <?php the_excerpt(); ?> <p class="readmore"><a href="http://stackoverflow.com/questions/15503588/<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>">Continue Reading »</a></p> </div> </figcaption> </figure> </div> <?php endforeach; ?> </div> </div> </div> </section></div> <!--main--> <?php include("php/footer.php"); ?></div><!-- Javascript - jQuery --><script src="http://code.jquery.com/jquery.min.js"></script><script>window.jQuery || document.write('<script src="http://stackoverflow.com/questions/15503588/js/jquery-1.7.2.min.js"><\/script>')</script><!--[if (gte IE 6)&(lte IE 8)]><script src="http://stackoverflow.com/questions/15503588/js/selectivizr.js"></script><![endif]--><script src="http://stackoverflow.com/questions/15503588/js/jquery.flexslider-min.js"></script><script src="http://stackoverflow.com/questions/15503588/js/scripts.js"></script><script type="text/javascript">var clicky_site_ids = clicky_site_ids || [];clicky_site_ids.push(100591972);(function() { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'http://stackoverflow.com//static.getclicky.com/js'; ( document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] ).appendChild( s );})();</script><noscript><p><img alt="Clicky" width="1" height="1" src="http://stackoverflow.com//in.getclicky.com/100591972ns.gif" /></p></noscript></body></html>