IE it"s driving me crazy, I need some help

Hi everybody, after been for more than three years away of the web-
development. Last month I had to take some time off from work, and I
decided to help a friend with the website for one of his clients. Well
at the beginning I say to my self how hard it can be, I used to do
that for almost 7 years. Little do I know that the way to create
layouts with table it was completely De-mode, and I had to learn the
new way using CSS and XHTML. Well I bought couple books, and with the
help of few websites, and those books I grasp to mange my self and do
almost the entire website.

But the client wants a new page where the designer decided to add a
vertical menu where the background will be a rounded image. It did it
seems hard to do. But IE it's making it extremely challenging.

It work's on any browser besides IE, on every browser that I tested
work's flawless, I can see the rounded top and the rounded bottom all
aligned. But when I open IE I see the bottom all shifted to the right
and it never aligns with the top, making the entire thing looks like a
piece of ...ap.

Well here is the copy of my HTML and the CSS attached. In case some
one can point me to the right direction, or tell me what I am doing
wrong.

• onclick="_selectOption(this);">
  Open perimeter
  a>


• onclick="_selectOption(this);">
  Open perimeter with concealed
  ventilated trim


• onclick="_selectOption(this);">
  Open perimeter with crown
  moulding


• onclick="_selectOption(this);">
  Enclosed expansion joint div>

Re: IE it"s driving me crazy, I need some help

Giuseppe Turitto wrote:
....

> Little do I know that the way to create layouts with table it was
> completely De-mode, and I had to learn the new way using CSS and XHTML.

Whether you really need XHTML (rather than HTML) is an open question.
Leaving the tables out of layout for non-tabular content is indeed a
good idea, though.

>
> It work's on any browser besides IE, on every browser that I tested
> work's flawless, I can see the rounded top and the rounded bottom all
> aligned. But when I open IE I see the bottom all shifted to the right
> and it never aligns with the top, making the entire thing looks like a
> piece of ...ap.

This description does not exactly match what I see in IE6. I only see
either the top or the bottom, never both together.

>
> Well here is the copy of my HTML and the CSS attached. In case some
> one can point me to the right direction, or tell me what I am doing
> wrong.

[bunch of bogus code snipped because, as usual, we only need the URL]


> You can see better this if you go to http://www.starsilent.us/Details/index.html

That's correct. It's true. So why did you paste all that code?

Some of it's not even on the page you gave the URL for.

Advice:
1. Make sure both your markup (http://validator.w3.org/ ) and CSS
(http://jigsaw.w3.org/css-validator/ ) validate (or you understand why
it doesn't).
2. Check that the problem isn't because IE doesn't recognize :hover for
elements other than . #verticalMenu li:hover gets (I think) ignored
by IE6 and under.


--
John
Pondering the value of the UIP: http://improve-usenet.org/