Odd CSS issue in Design View

Question

In either Design View or Split View (in the Design view
section), I cannot mouse select or highlight text in the main
content portion of the page. The cursor remains as the default
arrow and does not switch to the text cursor. As far as I can tell,
this is a CSS based issue (since if the CSS file is not used, the
text can be selected). This occurs in CS2 and CS3. The CSS and
XHTML validate, so I'm really confused.
The troubled area is the central content starting with the H2
heading "About Us." I know Dreamweaver can be a
little on on displaying CSS properly, but this just seemed to be
too much. Any one else seen anything this flakey? Or, does any one
else see an error in the CSS that I am missing?
The big issue with this is that the code
appears fine and displays in browsers ok, but client's will
use the Design view in Dreamweaver to update content. If they
cannot select the text then it is possible they will think the
HTML/CSS is broken. Even though designs can be done in multiple
ways, I like this solution to a 3 column fixed-width design with
header and a footer that moves down depending on body
content.

Answer 1

The first thing is to remove this code from your file:
<style type="text/css">
<!--
@import url("styles/styles.css");
-->
</style>
The above code isn't doing anything special when you have already defined the style sheet using this:
<link href="styles/styles.css" rel="stylesheet" type="text/css" />
Once you have done it, post back again and tell us what other problems do you actually see.
The page online and your code given here aren't the same.  So check this and rectify it.
G/L