No replies
dave-g-o
Offline
newbie
UK
Last seen: 8 years 22 weeks ago
UK
Timezone: GMT+1
Joined: 2011-05-14
Posts: 1
Points: 2

Puzzled

Hi ,

I am working on my site http://www.pramcomparison.com and just put in the top navigation.

You will notice that it looks fine in chrome but in IE the h1 and drop downs are below the logo, and the top navigation tabs are not in a row as one seems to have gone down a line.

Header CSS (for the h1)

#wheader h1 {color: #000; background:transparent; padding: 0px 0px 0px 0px; margin:0px; text-align:right;}

CSS for the header and title divs

div#titleBar{float:right;}
div#titleBar select{float:right; margin:10px}
#wheader #titleBar h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
 
}

And the code for the options (navigation div) with ul and li

#options li a {display:block; font-size:16px; line-height:45px; color:#FFF; background:#FFF url('<?php print $config_baseHREF; ?>images/tab120.png') top center no-repeat; height:46px; width:172px; padding:0px;  margin:0px; text-align:center;}
#options li a:hover {display:block; font-size:16px; line-height:45px; color:#FFF; background:#FFF url('<?php print $config_baseHREF; ?>images/tab120o.png') top center no-repeat; height:46px; width:172px; padding: 0px; margin:0px; text-align:center; text-decoration: none;}

Really appreciate any help with this, its driving me nuts..