CSS problems

[wiser3]

I'm trying to do a fluid CSS design.

Here's a pic to give an idea of what the end result should look like:

http://www.trep4.com/jets/Layout_ie.jpg

Here are my attempts to achieve this layout:

http://www.trep4.com/jets/index.html

http://www.trep4.com/jets/index1.html

I have two main problems:

1. For the header.

Floating the top image works in Firefox, but IE breaks bad (index.html page).

If i relative position the image i can't get it where i want it to go in Firefox and IE breaks badly (index1.html).

2. No matter what i do i can't get the two columns in the content div to position properly side by side. And if i get them close to being side by side i run into problems if they are different lengths.

Is this not possible? Any suggestions?

Thanks

 

[traingamer]

Looks decent in Firefox (didn't test IE)

div#navbar {
border-top: 2px solid black; border-right: 2px solid black; border-bottom: 2px solid black; margin: 0px 5 px 0px 3px; padding: 0px; background-color: rgb(255, 214, 89); position: absolute; top: 118px; left: 0px; width: 22%; }

div#content { padding: 0px 2px; background-color: gray; position: relative; top: 0px; left: 22%; width: 78%; }

Greg
"Personally, I am always ready to learn, although I do not always like being taught." - Winston Churchill