Quick CSS menu position fix for IE7

Hi,

I have been working on this menu for several days. Building the menu was fine, but when it came to testing it in IE7 I was stumped...

Basically what I have is a dropdown menu under the "Selling" menu item. It appears fine in every other browser.. In IE7 it positions incorrectly and moves over to the right.

I have spent 3 days searching, fiddling, and trying new things out. Can anyone help me with this?

A live preview is available:
http://dustingrof.com/WSI-LucTrahan-...rce/index.html

Thanks in advance for the help!

Column height

Hi guys.
I have a two column layout in a liquid design.
When i add content to my divs i am having trouble.
When the content on the right is more than on the left it goes down with background color of body not the "allcontent" color.
Could you please help me.

Below is my html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Aznews.az-Xəbər portalı</title>

Opera, Safari, Chrome, IE compatibility issue (cross browser issue).

I've created a quite simple website. It works great in IE8+ and in Firefox. But it's totally messed-up in other browsers (http://narocila.gratita.com/matija_mihic/). Please, give me a few tips on how I can correct that...

Thank you, Laughing out loud

Mysterious IE layout problem with my menu?!

Hi,

Can anyone give me some advice on a mysterious IE layout problem I've been having with a menu on a wordpress site I'm working on (http://onewildlife.org/) ?!

My menu buttons are all adding a couple of pixels margin height at each position (as in screengrab below), even though this layout works fine in Chrome and firefox.

Any help appreciated, I'm tearing my hair out!

Thanks.

One wild life_screen grab.jpg

The CSS for my menu is currently: 
 
/* = newmenu
-------------------------------------------------------*/
 
.new
{
 
	display: block;
	float: left;
	margin: 0 auto;
	width: 940px;
	background-image:url(images/backnav.jpg);
	background-repeat:no-repeat;
	position:absolute;
 
}
 
.new ul 
{
 
	list-style: none;
	float: left;
	padding: 0;
	position:relative;
	width: 940px;
	text-decoration:none;
 
 
}
 
 
.new a 
{
 
	text-decoration:none;
	display:block;
	float:left;
	font-family:"Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;
	font-size:13px;
	color:#FFFFFF;
	padding: 0 10px;
	margin-top: 2px;
	line-height: 38px;
 
}
 
.new a:hover
{
	color:#000000;
	opacity: 0.99;
 
}
 
 
li#red a 
	{
	background-image:url(images/red.gif);
	opacity:0.75;
	filter:alpha(opacity=70);
	background-repeat:no-repeat;
	background-position:center;
}
 
 
li#pink	a
{
	background-image:url(images/pink.gif);
	opacity:0.75;
	filter:alpha(opacity=70);
	background-repeat:no-repeat;
	background-position:center;
 
 
}

and so on for each color button...

Question about css resets...

Do css resets level the playing field of all browsers, or will they still act somewhat different?

The reason I ask is, I have designed a few different things just to play around and learn css and javascript, but they look different from browser to browser. I usually design in Firefox and then test in Opera, Safari, IE and Chrome (I figure that's enough, but let me know if there are others I should test).
Well, some stuff comes out great in all browsers, some stuff works in all but IE, and some stuff is completely different in every browser.

Syndicate content