I have a WordPress website that I designed from a template I purchased. support for the template is a bit tough to get so I decided to ask here maybe someone knows the answer to this.
The website layout looks good in Chrome, but weird in IE and Firefox latest ver.
This is the Chrome normal layout:
And this is in Firefox/IE:
The code for the website is spread over php files..but this is the start of Header.php
<?php
/**
* @package WordPress
* @subpackage *** */
?>
<!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 <?php language_attributes(); ?>> <!--<![endif]-->
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<meta name="viewport" content="width=device-width" />
<?php if(get_option('header_favicon')) { ?>
<link rel="shortcut icon" href="<?php echo get_option('header_favicon'); ?>" />
<?php } ?>
<title><?php if(is_front_page()) { bloginfo('name'); } else { wp_title( '', true, 'right' ); }?></title>
<?php if(get_option('rss_feed')) { ?>
<link rel="alternate" type="application/rss+xml" title="<?php echo get_option('rss_title'); ?>" href="<?php echo get_option('rss_feed'); ?>" />
<?php }
Any idea what can solve this?


Find this rule in the CSS (line 115)
Remove the border property.
You then get a blue line on FF which is here:
In future use Firebug in FireFox – http://getfirebug.com/downloads/, very useful