• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Cross-browser compatibility problems


Anagoge

Senior Member
#1
I'm just trying to make my site look right in Firefox and IE(7). Sadly, I don't know what's causing the problem.

The Work Of Neil Martin - The sky's the limit... Please look at that in FF and IE. The same problem exists throughout the site with various divs.

You'll see that the text spans off the background in IE, but not in FF. I want the site to look as it does in Firefox. I want the IE version to look the same as Firefox.

http://www.theworkof.co.uk/styles.css - Stylesheet, should you need to see it.

The DIV in which the text is housed is this:

#biotext {
position:relative;
left:20px;
top:-510px;
width:332px;
height:504px;
margin: left;
z-index:3;

Any idea why that doesn't look right in IE?
 

Anagoge

Senior Member
#4
Yes, blueocto, it's where the text is coming out of the box that's the problem. I took a look at the validator results but I'm not quite sure what I need to add or change. Can you tell me, please?
 

Sunburn

Active Member
#5
I would suggest its your line height that's causing you your issues.

try removing your line-heights of your elements and see if that resolves the issue.
 

Sunburn

Active Member
#7
hrrrm, looking at your code you have really over complicated it, you only need to specify the height on the container holding your main image, and set the background on the container div to that of your main balloon image then just have the content in a nested container with a speficed width only.

its hard to explain.... if you want ill send over the code for it