Having trouble with width and position

[misterx]

Here is the page:
http://www.maniacalmonkey.com/meanstreets
(some of you more frequent readers may have seen this page several times recently)

I outlined the main problem area in red. The idea is to create a little area to display a single line of text. For one thing I would like the red div to stretch to fit the text, rather than automatically taking up the whole space. I've tried width: auto to no avail.

Secondly, I can't figure out why the div on the right(outlined in black) that displays the end of the line image is pushed down. It doesn't make any sense to me so I was hoping someone else might know why that far right div would appear to have a top margin.

Here's a direct link to the style sheet for convenience:
http://www.maniacalmonkey.com/meanstreets/style.css

Thanks a lot.

[misterx]

Arright...if nobody knows then I'm just gonna use a table:p

[MotherNatrsSon]

The height of the divs is different and they are both floated. That is why one appears on top of the other. Might have to make them the same size.

MNS

[misterx]

Hmmm, you may have looked at it while I was messing with it but all the heights were set to 26px originally. It actually appears that the div on the right(#title .right) is being pushed down by the text.

If I take that text out then the div on the right is no longer pushed down.

If somebody has a revelation that's awesome but honestly I think I am just going to put a little table in there. CSS is fun and effecient at times but can be extremely frustrating too.

[MotherNatrsSon]

Yeah it is frustrating because you need to know more "hacks" to get it to work than actuall CSS...LOL

Especially if you are going for the total cross browser thing.

When I looked at it they were different sizes.

MNS