I'm on a mac so I'm only looking at your page in IENetrenderer and not really sure what the problem is. You could probaly start by validating your markup http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.ingwecrafts.co.za%2F. Also in your stylesheet, on the #LeftContent h3 you have an extra } which is not helping things.
Ok this is the part where I am going to say "Thank you" and then walk away... I was looking through that file for hours and some how missed the whole thing. Everything actually started looking like squigles.
Thank you for spotting that, and sorry for wasting time. lol
That's why it's always a good idea to hit the validators, css as well as html. Validating css is no where near as important as html and certainly not a priority for me, but it can be handy for trouble-shooting.
I did a redesign on a website, added some jQuery slideshow and refined my css a tad.
Everything worked fine for a while, then all of a sudden, it is not really working as planned.
Site: http://www.ingwecrafts.co.za
When viewed in IE 6 and up
you will see a line seperating the two colums...
But then, when viewing in firefox it is gone and it acts all weird.
I have tried using firebug to see where the issue is, but can't seem to spot it.
Any help will be great
#LeftContent h3 {font-family:Verdana, Geneva, sans-serif;
font-size: 1.0em;
}
}
Ok this is the part where I am going to say "Thank you" and then walk away...
I was looking through that file for hours and some how missed the whole thing. Everything actually started looking like squigles.
Thank you for spotting that, and sorry for wasting time. lol
That's why it's always a good idea to hit the validators, css as well as html. Validating css is no where near as important as html and certainly not a priority for me, but it can be handy for trouble-shooting.