Разлика в изгледа при IE - FF/Opera?

FestarBG

Registered
Ето ми го css-a:
Код:
html,body {background-color: #000000/*#F0FBFF*/; margin:0; padding:0; cursor:url("http://localhost/images/cursor.cur"),default; font-family: verdana, times, arial; font-size: 12px; color: #000000;}

#main {width:895px; height:100%; margin:0 auto; margin-top:20px;}

#header {background: url(images/header.png) no-repeat; height:300px; width:895px;}
 
#white_line {width:895px; line-height:1px; background-color:#ffffff; margin-top:-14px;}

#white_line_2 {width:895px; line-height:1px; background-color:#ffffff;}

#menu {margin: 0; padding: 0; float: left; font: bold 13px Arial; width: 100%; height: 34px; background: black url(images/default.png) center center repeat-x; position:relative;}

#menu li {display: inline;}

#menu li a{float: left; color: white; padding: 9px 11px; text-decoration: none; border-right: 1px solid white;}

#menu li a:visited{color: white;}

#menu li a:hover, #menu li #current{color: white; background: transparent url(images/active.png) center center repeat-x;}

#clear {clear: left;}

А ето ми html-a:
Код:
<body>
 <div id="main">
	<div id="header"></div>
		<div id="white_line_2"> </div>
		<ul id="menu">
			<li><a href="http://78.130.151.50/index.php" id="current">Home</a></li>
			<li><a href="http://78.130.151.50/about.php">About</a></li>
			<li><a href="#">Forum</a></li>
			<li><a href="#">Gallery</a></li>
			<li><a href="#">JavaScript</a></li>
			<li><a href="#">Gallery</a></li>
		</ul>
			<div id="clear"> </div>
			<div id="white_line"> </div>
 </div>

И ето го и проблема:

64af58c9487c9505.PNG


845e315b289124df.PNG


При FF и Опрера #white_line_2 стои плътно до менюто,а при IE има 4 px разлика(на горната картинка съм го отбелязал с малки червени точици).Ако може да ми кажете как да го оправя или да ми дадете начин да направя дадено id да важи само за IE 6 или 5.5.

Адски много ще съм ви благодарен.. :?:
 
Незнам на тебе какти излиза,но намене си ми го вади еднакво под сички браузери.
 
Ако все оше ти има разлика направе една картенка 1px с цвета който искаш и я пусни за background с repeat-y би трябвало да стани. :?:
 

Back
Горе