vertical line with 100% height

[sameer.net.in]

i am trying to create vertical line with a DIV
code is

[/code]
.vLine{
width:1px;
height:200px;
float:left;
overflow:hidden;
background-color:#818181;
position:relative;
}

[/code]

now the problem is
i want it to have full height instead of just 200px
the content of the container div in which the vLine is placed is having variable height.




is there any way around it?

[WebJoel]

i am trying to create vertical line with a DIV
code is

[/code]
.vLine{
width:1px;
height:200px;
float:left;
overflow:hidden;
background-color:#818181;
position:relative;
}

[/code]

now the problem is
i want it to have full height instead of just 200px
the content of the container div in which the vLine is placed is having variable height.




is there any way around it?

You want it to be 100% tall instead of 200px tall? What am I missing here... couild it be just that simple or is there some other thing going on whereby stating height:100%; won't work?

[web_roshan]

Possibly, the following link should help you

http://bzabza.com/css/1/

[kiwibrit]

Possibly, the following link should help you

http://bzabza.com/css/1/

But don't forget that the *html hack won't work with IE7 (http://www.positioniseverything.net/articles/ie7-dehacker.html) - you might wish to use a conditional statement instead.