CSS layout problem

B

bobspanner

New Member
Hi i have a site in development and I am baffled at an issue that is in Internet explorer 6 and 7 and not Firefox and Safari/Opera

If you look at this url http://ufo-design.co.uk/dev2/hsc/ and see in the left menu at the top I have the word test so you can see what is happening. in IE6 and 7 the word test has some padding or margin above it like it has float dropped when in the code there is nothing. There is no padding set in the left menu or margins set for the top. I have tried not having align left & float left as i know this can cause issues.

In firefox you can see that the word test in the left is sitting nicely at the top left as it should be.

Any ideas what might be causing this? its driving me crazy. :confused:
Thanks in advance.
 
B

bobspanner

New Member
No thats not it. Its very odd. I have tried most things I know of, I have a good knowledge of CSS and its confusing me.
 
S

smashwebs

New Member
Try checking to see if the DIV for nav_top.gif has a margin, I know those can display odd based on your browser. Also, maybe try testing it by throwing an absolutely positioned table cell to see if it does the same thing. It appears to be something odd with the DIV ID of the text itself.
 
You must log in or register to reply here.
Top