I am having a problem with divs sitting side by side. If you launch this page, you will see a black rectangle with the name Description on it and it is sitting next to a blue box. The blue box and the black rectangle do not have any space between them despite all my efforts.
I have to use the marquee, so I cannot use relative or absolute position nor can I float the black rectangle right.
As pointed out in the other post, you do not need to use non-standard marquee; you can achieve the same effect (and likely much more smoothly) with script. (jQuery animation makes it easy. See chapter 5 of jQuery in Action (2nd Ed) if you have it.)
The font tag is deprecated. Use CSS for styles.
You're using HTML comment delimiters to comment out CSS. That's not valid.
Why does the use of marquee preclude using float?
The way I would approach this is to:
Ditch the non-standard and deprecated markup. No <marquee>. No <font>. No <i>.
You should change your code as suggested by Bear Bibeault. But if you still do not want to change the code and want to achieve the same behavior, then apply the style "margin-left" to "content2" div. The value will be greater 25%, as your "menu" div has 25% width.