Thu, 2007-06-21 11:43
Hi there,
I have this website: http://asiamagl.com
In Firefox the website looks perfect, but in Internet Explorer, the top header seems to extend more than it should thus creating a space on the left hand side just under the company name. Can anyone please tell me why this is so.
Below is the css code for the header:
.styleControl #header {
border-right:1px;
border-left:0px;
border-bottom:0px;
border-top:0px;
border-style:solid;
border-color:#7db9a9;
margin: 0;
}
Thanks
Thu, 2007-06-21 11:52
#1
This probably isn't what
This probably isn't what your problem is, but is that the right order to do your border? I know in some places it's important to get the right order when listing CSS properties. My reference book here would recommend left, top, right, bottom (ie. clockwise direction) for border. Plus, perhaps setting padding to 0 also? Sorry if that doesn't help at all,
John
Thu, 2007-06-21 11:56
#2
The Problem Persists
Hi there,
Thanks for the response. I tried what you suggested but the problem is still persisting.
Thanks for your help though.
Thu, 2007-06-21 13:32
#3
Solution
Hi All,
I figured out a way to deal with the issue.
Thanks for the all the help that I received.
Cheers
Thu, 2007-06-21 13:35
#4
Sorry I couldn't be of
Sorry I couldn't be of anymore assistance, do you mind if I ask how you solved it?
Thank you,
John
Thu, 2007-06-21 14:48
#5
Well, instead of
Hi there,
ok, instead of using several images for the company name banner, I used just the complete image and floated the div to the left, so that the rest divs with the slogan/navigation could be placed accordingly.
Seems Internet Explorer has a problem with several pieces of an image placed in separate div tags.. 
Cheers