CSS - IE Doesn't make sense - positioning issue

DevInCode

In firefox, everything works fine. The text ( UL ) is aligned to the left. In IE it seems to have no regard for the rules.

Suggestions?

http://www.upload.mn/view/r1cojvau3kn03mdche2f.jpg

Expand|Select|Wrap|Line Numbers

 
#wrapper

{

  width:  768px;

  margin-left: auto;

  margin-right: auto;

  overflow:   hidden;

  text-align: left;
 
}
 
#header

{
 
  background-image:  url('images/bannerbg.bmp');

  background-repeat: no-repeat;

  background-position: bottom center;

  height: 146px;
 
  position: relative;

  width: 902px;

  margin: 10px 0px 0px 0px;
 
}

Expand|Select|Wrap|Line Numbers

 
<div id="wrapper">

<div id="header">

<img src="images/logo.jpg" />
 
<ul class="sf-menu">

  <li><a href="index.php">Home</a></li>
 
  <li><a href="products.php">Products</a>

  <ul>

  <li><a href="acc.html" title="Accesssories">Accessories</a></li>
 
</ul>
 
</div>

</div>

drhowarddrfine

Quote:

Originally Posted by DevInCode

In firefox, everything works fine. The text ( UL ) is aligned to the left. In IE it seems to have no regard for the rules.

You're right. IE has no regard for the rules and is the worst browser on the planet by far. Unfortunately, it's hard to tell what's going on with what you supplied so hopefully you can give a link to an online page.

CSS - IE Doesn't make sense - positioning issue

re: CSS - IE Doesn't make sense - positioning issue

Similar HTML / CSS bytes

/bytes/development

/bytes/it

/bytes/about